个人搭建的基于 vue2.x、vue-cli、vuex、axios、vue-router、element-ui 和 node、express、mongoDB 等主流技术的全栈博客项目。
PS:前端部分原计划做成响应式效果,目前上线的部分是 PC 端,响应式仍在开发中。整个项目分为两期来做,一期做后台管理中心,二期来做前端平台。
- 用户登录注册退出以及用户头像的修改
- 最新访客记录
- 用户留言、时间轴
- 热门文章列表展示
- 文章详情页面展示
- 文章标签分类、文章信息检索、列表分页等。
- 文章的发表以及管理
- 用户权限
- 留言管理
- 文章的发表以及管理
- 友链的添加删除等
- 项目的 UI设计,模块架构以及数据库的设计都是自己摸索。
- element-ui 里面的表单组件结合 cookie/session 以及 axios 交互,完成用户登录注册退出的功能,为增加安全性,注册验证使用到svg-captcha 验证码提升安全性能。
- 同时使用avatar/multer 自定义设置用户头像。页面的路由切换主要通过动态路由传参以及字节传参的方式,搜索功能使用eventBus 完成组件间的数据共享。
- 使用 layui的富文本以及父子组件传值完成留言功能,留言面板的下方留言列表分流展示,且用定时器做了函数节流等。
- 后台管理中心也是element-ui 进行布局,主要复杂的功能为编辑器模块,编辑器前采用的时 layui 的编辑器,但是没办法插入代码块以及上传图片的接口比较复杂,根据业务逻辑后期会重新更改新的编辑器来完成更好的效果。
- 为了提高安全性,使用crypto对用户密码进行了加密处理等
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# node
npm install
node server/bin/www