仿微信拼多多实训笔记
2019-06-14 21:36
1751 查看
有需要的可以参考项目源码,设计文档等。
第一天:
软件开发工程师 程序设计 数据结构 算法 超前就业意识 离就业只有6个月了 过完年 3、4月公司招人 毕业就业按部就班 9、10月就业高峰 平时成绩:200 项目成绩:100 作业成绩:100 目的:成体系的技术拉练 项目运作流程 团队协作能力 就业 既专业又职业 appid wx7135137a1610321d 基于hybird拼多多 快应用 小程序 22-30岁 年轻奋斗的关键时间 大学完全是自主学习的时间 人生只有一次这么自由安排学习的时间 验收:需求 验收清单 作业 项目 ppt 成果视频 学习心得 实训 工作日志 总结 计划:1、2 天做界面 技术: 前台:wxml+wxss+js+json+request 后台:javaapi+servlet+fastjson+jdbc 数据库:mysql 不同文件类型: .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 WXSS 样式文件 .js 后缀的 JS 脚本逻辑文件
前台 后台 需求分析:
订单管理 *财务管理 商品管理 用户管理 配置管理() 系统管理 插件管理 Java————>高缓存 高并发 高缓存 路径: 框架 web 并发量(要想到) 面试的时候想法很重要 可以看出 解决问题的能力
一:微信开发工具程序结构 :
pages 创建界面的地方 目录名和文件名一样 右键创建 app.json配置文件,配置小程序界面路径 wxml开发界面文件 里面有组件:视图容器:veiw,swiper(滑块容器),movable 像素用.rpx 基础组建:image,text,input js 写JavaScript 的文件
二:wxss布局
css:1.布局样式float、position、display(弹性布局),字体样式,盒子样式 display:flex;flex-direction;方向 overflower 溢出隐藏 border-radius 圆角 快捷键:Ctrl+/ 图片格式:webp或者svg 留后: 底部:首页 新品 搜索 购物 个人中心 周六: 需求分析 深度分析 周日:线框图 星期一:后台Java端 职场经验: 让老板尽快认识你 老大 今天还没有什么可以帮助你呢? 以后可能会交东西给你做 你做的又快又好 那么机会就来了 尽快了解周围的人 吃饭是个契机 主动性
第二天:
1, 巩固界面设计的技术 2, 开始完成界面设计 产出线框图 axure原型设计工具 设计微信端界面 组长合适产出的工作量 验收内容:目录 导航栏写法 "tabBar": { "list": [{ "pagePath": "pagePath", "text": "text", "iconPath": "iconPath", "selectedIconPath": "selectedIconPath" }] }
二、数据绑定
1, 视图层和逻辑层 之间的数据 2, 静态标签改为动态 3, 后台数据可以通过 微信网络请求传递数据 4, JavaScript –js 基本语法 :{{变量名}} 变量名 定义在JavaScript 基本数据绑定:单个<text>{{变量名}}</text> 多个:banner:['',''] // wx:for ='{{}}' wx:key='{{}}'------{{item}} 一组实体:Content:[{‘属性名:’属性值’,’属性名’:’属性值’] Flex-wrap:wrap 换行 拓展:前段设计界面 +数据绑定 后端Java传递所需要的数据格式
第三天:
数据库 如何存取 Javaweb技术: mvc :servlet、jdbc、进阶框架spring、springmvc rpc(远程调度):分布式、高并发、微服务->dubbo,sping data spring boot,spring cloud, servlet: 1,api接口httpServletrequet,httpservletresponds 2,Javascrt,微信没有jsp 3,Ajxa让JavaScript与Java进行数据传输 4,微信有一个网络的接口,简化ajxa操作
基于mvc完成后台开发
搭建程序框架 1.控制器 2,搭建model,3,搭建数据访问程序 实现了后台数据访问 以及前台数据发送 Servlet+javabean+dao+mysql 数据库设计 1, 找实体,订单,用户,商品,分类,购物车,收藏,地址,评论, 2, 衍生表 3, 找关系:订单-用户=n:1,用户-商品=n:m,订单-商品= 全文检索 Servlet: wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success (res) { console.log(res.data) } }) 创
建javaweb项目 定义一个ProductServlet 继承 BaseServlet,http://localhost:8080/wx/product?method=recommandList
http://192.168.1.110:8080/wx/product/1.jpeg
搭建数据库连接池
1, c3p0,jar 2, 加入c3p0-config.xml 配置数据库信息 3, 单元测试 是否能够建立与java数据库建立链接 数据库的封装不会出现 prepareStatement,resultSet 日志模板: 时间:2018年12月4日 姓名:阳宗德 团队:1组-梦想追逐队 今日产出:连接数据库进行操作 未解决问题:页面样式
相关文章推荐
- 微信订阅号开发笔记(一)
- PHP微信公众开发笔记(三)
- SSM 实训笔记 -10- 使用 sessionStorage 存储数据、js 图片验证码、登录加载动画
- 微信一级入口之争,京东和拼多多谁能赢?
- 印象笔记使用(一)——微信篇
- 微信小程序开发学习笔记001--认识微信小程序,第一个微信小程序
- 微信学习笔记之二(微信jssdk获取配置权限流程)
- 微信公共账号学习笔记 _ 感想 爪机码字
- 实训小笔记之—第七章 表达式语言
- 微信爬取成功笔记 含py3.x调用webservice
- 微信小程序学习笔记(一)
- 微信协议简单调研笔记
- 实训笔记第八天
- 安卓开发笔记——Fragment+ViewPager组件(高仿微信界面)
- 微信协议简单调研笔记 (2)
- 实训笔记第九天
- 【微信小程序学习笔记】弹窗的两种姿势
- 微信小程序+java后端整合笔记
- python itchat库学习笔记 + 微信防撤回实现详解(超详细)(已上传)
- 微信后台开发学习笔记(2)