您的位置:首页 > 移动开发 > 微信开发

仿微信拼多多实训笔记

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组-梦想追逐队
今日产出:连接数据库进行操作
未解决问题:页面样式
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: