<!-- 需求 -->
在线备忘录,
- 登录
- 注册
- 留言列表
- 发文章
- 修改
- 删除
- ...
<!-- 分析需求 -->
上面列了那么些功能点,其实就二个,
1、登录、注册算一个;
2、增、删、改、查
<!-- 实现思路 -->
1、前端页面vue-cli;
2、安装express搞一个中间件,然后用它来请求mongodb;
3、安装mongodb。查询就是.find();添加就是insertOne()...
4、v-model获取“名称”、“内容”,拼成对象使用axios,做为参数传入到express里的app.get方法中的req里;
5、MongoClient.connect...数据库,使用.insertOne(_insertMsg,...这就添加一条数据了
6、查询也和4~5步骤类似;
<!-- UI界面 -->
现在页面是无比简陋,只是为了实现业务逻辑,跑通CRUD;等这十来个例子准备的差不多,我把界面再美化一下,
1、看看是搞个UI库;
2、或是我自己用PS做一个;
<!-- 大概的结构 -->
大概步骤就是图上箭头所示。
<!-- 先行者课程 -->
这几天我一边写demo,一般设计先行者课程的课程结构,
1、每个demo课程都是独立的;
2、每个demo课程都包含“分析、设计、实现、迭代”四部分;
3、所有demo课程循环讲解,难度在我看来都差不多,所以可以随时加入;
4、每个demo课程搞定之后,才能进入下一个demo的学习。类似于游戏的过关。
怎么过呢?
每个人要进入下一个demo的学习之前,都要交一份上个demo课程的最终作业。合格,进入下一个demo;不合格,你就继续写。