组织介绍
- 一起写代码提交,方便老师查看,通过代码的提交和git的使用,感受合作开发的过程。
- 要求
- 每天敲代码
- 做完一个作业就push一次,进行版本管理
- 开分支、管理分支
- 找到代码的乐趣,挖掘自己的潜力
- 两个月后月入10k+
作业1(node):2020-07-06 周一
- 安装node和postman、supervisor、body-parser
- 自己写接口,测试接口
- 用户管理:
- 验证用户是否存在:存在就不给注册
- 注册
- 登陆:生成token
- 查询gid叫xx的用户
- 修改密码
- 删除gid为xx的用户
- 查询所有的用户
- 实现自己的接口给你的那个他使用:设置防火墙
- 完善jq的项目
共性问题:遇到错误要淡定,总结错误
1、服务器没打开,就用postman测试了。supervisor server.js
2、路径写错:
接口:/user/checkname 开启端口:8888
访问:http://localhost:8888/user/checkname
http://localhost:8888/checkname 错误
./user/checkname 错误,多了一个点,必须写绝对路径,用来做路由的(前端发起请求,我们可以根据路径的不同切换不同的功能分支)
3、参数接收错误:
* get方式:前端:用params传参;后端:req.query;
* post、put、delete:前端:用body传参(x-www-form-urlencoded);后端接收:req.body(安装body-parser)
* 动态路由方式: 前端:http://localhost:8888/user/6 后端:路径:/user/:id,接收:req.params {id:6}
4、解构失败
* 前端和后端解构名字不一致;解构失败 前端:params : name:高圆圆
* let { username } = req.query; 错误的写法
* let { name } = req.query; 正确的写法
5、端口号设置了防火墙还是不能访问:端口号冲突;ip地址错了
作业2(node):2020-7-7 周二
1、申请阿里云服务器;
2、部署二阶段php项目;
3、部署昨天写的node接口,并开放端口,本地用postman测试接口。
4、引入路由Router。安装数据库模块 npm i mysql
5、封装mysql方法,做数据的查询,实现用户管理模块接口
- 用户管理:
- 验证用户是否存在:存在就不给注册
- 注册
- 登陆
- 查询gid叫xx的用户
- 修改密码
- 删除gid为xx的用户
- 查询所有的用户
6、发布node接口到阿里云,用postman测试。
作业3(node):2020-7-8 周三
1、用node写接口:
- 用户管理:
- 验证用户是否存在:存在就不给注册
- 注册
- 登陆:生成和校验token
- 查询gid叫xx的用户
- 修改密码
- 删除gid为xx的用户
- 查询所有的用户
2、加入码云仓库提交这几天的作业。
3、复习git指令,学会分支管理; json-导成csv(记事本方式打开换成utf-8)-导入数据库
4、完成电商管理系统的其他接口并发布到阿里云服务器
-
商品管理 goodsRouter.js
- 商品信息列表:分页
- 查询gid为xx的商品
- 修改gid为xx的商品信息
- 删除gid的商品
- 删除多个商品
- 新增商品
-
订单管理 ordersRouter.js
- 新增订单(购物车新增商品)
- 删除订单(购物车删除商品)
- 修改订单
- 查询订单列表(购物车多商铺数据查询)
- 查询某个订单
作业4(node):2020-7-9 周四
1、安装mongoDB、robo
2、学会基本的mongoDB的增删改查语句
3、封装增删改查方法
4、导出方法,实现接口;
5、请实现多用户购物车功能:渲染、加减数量、删除单条,多条数据;
6、完成全套电商接口并发布到阿里云,本地能用ip调用接口数据:
-
用户管理:usersRouter.js
- 验证用户是否存在:存在就不给注册
- 注册
- 登陆:生成和校验token
- 查询gid叫xx的用户
- 修改密码
- 删除gid为xx的用户
- 查询所有的用户
-
商品管理 goodsRouter.js
- 商品信息列表:分页
- 查询gid为xx的商品
- 修改gid为xx的商品信息
- 删除gid的商品
- 删除多个商品
- 新增商品
-
订单管理 ordersRouter.js
- 新增订单(购物车新增商品)
- 删除订单(购物车删除商品)
- 修改订单
- 查询订单列表(购物车多商铺数据查询)
- 查询某个订单
作业5(node):2020-7-10 周五
- 完成一套接口并上线(阿里云部署);
- 生成api文档,并写好测试用例。
作业6(node):2020-7-14 周二
- 利用node爬取需要的数据。导入到数据库里面。
- 继续完成数据接口的制作。
作业7(vue):2020-7-15/16/17 周三-周五
- 复习今天Vue的常用指令。
- 完成todomvc案例。
- 完成多商铺购物车数据渲染。
作业8(vue):2020-7-18 周六
- 请用watch、methods、computed三种方式实现全选和反选(两级即可)
- 找五篇文章了解watch、methods、computed的区别:写总结(写到自己分支的readme.md文件里面)
- 实现聊天室(socket编程)
- 三次握手协议 和 四次握手:写总结(写到自己分支的readme.md文件里面)
- bind、call、apply区别:写总结(写到自己分支的readme.md文件里面)
- 完善todomvc和购物车功能,数据存储到本地。
作业9(vue):2020-7-20 周一
- 完成课堂案例,把bootstrap模板,组件化,实现组件通信。
- 预习axios和路由设置。
作业10(vue):2020-7-21 周二
- 安装axios、vuerouter、liveserver(vscode服务器)插件
- 用get请求获取服务器json数据渲染。
- 页面路由的实现。
- 脚手架的安装。
- 用脚手架改写昨天的项目。变成vue文件。
作业11(vue):跟着课堂练习 2020-7-22 周三
- 完成后台管理系统 vue+elementUI
作业12(vue):项目实战 2020-7-30 周四
- 确定项目,组队
- 做接口,完成API接口
- 项目制作:webapp、后台管理系统
- 项目部署:上线阿里云
作业13(react):jsx和组件练习 2020-8-4 周二
- 安装react脚手架并创建项目。
- 复习jsx语法。
- 组件的定义和使用(函数组件和类组件)
- 继续完善vue项目并录制视频。提交项目。
作业13(react):基础知识练习 2020-8-5 周三
- 复习课堂案例:条件、列表渲染
- 掌握state的获取和设置
- props的使用:父传子通信
- 完成数量加减控制范围
- 全选和反选
- todoMVC
- 继续完善vue项目并录制视频。提交项目。
作业13(react):组件封装 2020-8-6 周四
- 完成课堂练习,掌握子传父通信和插槽的使用。
- 开发 Button和Toast组件。
- 另外完成3-5个组件封装(自己选择)。建议封装(分页组件-Pagination)。可参考:https://v4.bootcss.com/docs/components/pagination/ 或 elementUI组件。
- 继续完善vue项目并录制视频。提交项目。
作业14(react):css模块设置 2020-8-8 周六
- 完成css和sass模块化,学会配置webpack.config.js
- 安装路由插件:react-router-dom
- 完成路由跳转。
- 继续完成组件开发。(至少5个)