技术框架和基本库:
1.前端:vue-cli脚手架,vue-router管理路由,axios前后端交互。
2.服务器端:使用node语言开发,express作为开发框架,提供api借口给前端ajax调用。路由和render交给vue解决。同时以RESTful api 来通信。后台主要负责与数据库建立连接并处理增删该查的操作。
3.数据库:mongodb
4.引用的js库:用 Marked.js 和 highlight.js 。从数据库拿到数据进行渲染。默认的样式很丑,所以我自己写了一个。
5.Webpack作为静态资源的打包和发布工具。
开发流程
1.数据库
由于在数据库中需要存储文章的数据,因此新建article的schema,model,controller。controller中包括了与arcticle相关的数据库操作(使用axios),这样可以将与arcticle相关的操作集中在一个文件里方便管理。
2.写后端的提供给axios的接口
同样针对不同的内容分开写到不通文件中。
这里要注意的是,由于在调试的时候,vue本身就是一个小型的服务器了,所以需要配置代理。配置代理的方式也很简单,只需要在config文件中写入
proxyTable: {
'/api': {
target: 'http://localhost:9999
changeOrigin: true