【crud】全栈-在线备忘录-node-express-MongoDB

这个VueJs的demo,这是一个在线的备忘录,算是全栈的一个应用吧,第一版的很简陋的demo贴上来,以后再美化UI,先把crud流程跑通再说,
视频内容

<!-- 需求 -->

在线备忘录,

- 登录

- 注册

- 留言列表

- 发文章

- 修改

- 删除

- ...

<!-- 分析需求 -->

上面列了那么些功能点,其实就二个,

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;不合格,你就继续写。

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2018-02-12

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏耕耘实录

虚拟化迁移,你需要特别注意的几个问题

版权声明:本文为耕耘实录原创文章,各大自媒体平台同步更新。欢迎转载,转载请注明出处,谢谢。

22830
来自专栏玉树芝兰

如何把思维导图秒变成幻灯?

(由于微信公众号外部链接的限制,文中的部分链接可能无法正确打开。如有需要,请点击文末的“阅读原文”按钮,访问可以正常显示外链的版本。)

14520
来自专栏技术翻译

用于在所有级别上构建微服务的29个顶级工具

关于微服务有很多很棒的文章。对于那些一直没有接受微服务的人,或者新手,本文是为了提供顶级开源工具的整合。微服务架构,或仅微服务,是用于开发软件系统的高度可扩展的...

22020
来自专栏SDNLAB

SD-WAN解决方案如何提高网络性能?

在2016年国家广域网报告调查中,有要求受访者表明对其WAN影响最大的因素。考虑到与局域网不同,广域网有一些性能限制特征,如包丢失和延迟程度高,因此受访者表示的...

7110
来自专栏linux驱动个人学习

MIPI协议-DSI

对于现代的智能手机来说,其内部要塞入太多各种不同接口的设备,给手机的设计 和元器件选择带来很大的难度。下图是一个智能手机的例子,我们可以看到其内部存储、显示、摄...

42560
来自专栏圆方圆学院精选

【戴嘉乐】IPFS伴侣浏览器插件V2.2.0版本升级的重大意义

IPFS 伴侣(IPFS Companion)是一款是由IPFS官方应用社区(IPFS-Shipyard)孵化出来的应用项目。 Ta 是一个浏览器插件,可以帮助...

13310

来亲自试一试NoSQL

针对Web开发人员,DBA,程序员,本文介绍了NoSQL数据库的基本概念,不同类型及其特性。

21530
来自专栏吴伟祥

Jmeter性能报告页面生成 原

      PV (Page View)         页面浏览量         用户每一次对网站中的每个页面访问均被记录1次。

7910
来自专栏程序员互动联盟

【前沿技术】啥叫实时虚拟化?

实时虚拟化听起来有点矛盾,但是它确实是有用的(在某些条件下),并且为 Linux 内核的灵活性又提供了一个强有力的证明。KVM2015 论坛的前两个演讲就详细的...

43240
来自专栏marsggbo

TPU使用说明

为了连接到 TPU,我们必须配置一台虚拟机(单独结算)。要注意的是虚拟机和TPU是分别计费的。

16620

扫码关注云+社区

领取腾讯云代金券