花了 2 周的时间,用 node.js+express+mysql+swig+bootstrop 搭建了一个博客系统,从在数据库中创建相应的表存储数据,到后端用 node 根据条件查询数据库返回 json 结果,再到前端用 ajax 请求 node 的返回结果输出到界面上,形成了一个完整的前后端开发过程.
因为这篇文章涵盖的内容比较多,背后依赖的环境也比较多,所以建议有点基础的人看.文章的最后会把代码留给大家,我的数据库是在公司的测试环境上,直接下载是运行不了的,所以需要运行代码的小伙伴记得把数据库的地址和用户改掉,还有接口 mysql 的表名.
因为简书 gif 图只支持 500m 以下,所以个别我就少录制一点因为 mac 的录制文件真的很大,很郁闷.
讨厌伸手党哦,记得点赞,
项目架构
登录注册
1. 登录时验证请求接口,判断用户有无注册
01.gif
2,没有该用户会进行注册,如果该用户名已被注册会提示,两次密码不一致也会提示
3,注册之后就可以进行登录
4,用 "超级管理员" 的账户登录,可进入管理后台
5,登录后台以后可查看登录注册的用户
登录注册的用户进行分页展示
6,查看博客的分类管理
7,可以进行分类的修改和删除操作,并且存入到数据库当中
8,文章的管理,可进行文章的查看,更改,删除操作
9,首页会进行文章的展示
10,点击 "阅读全文" 会进入详情页,每点击一次会记录一次浏览量
这就是整体的思路和页面效果,大家可以根据这个思路自己先试着做一做,中间遇到的坑再去看我的代码,我的代码也有些细节处理的不好,但是由于工作开始忙起来了,我也无心去细化了,毕竟也只是自己练习的,真实的项目肯定是在这个骨架上进行的更加细化和严密.
今天太晚了,有点困,看过文章的记得明天提醒我上传代码,公布链接,免得我忘啦.
小礼物可以走一走~~
来源: http://www.jianshu.com/p/bd4796dc99dd