前端基于vue 3.0,element-ui,axios,node,express,mongodb开发的内容后台模板CMS

## 前后端分离，ajax+node+mongodb ，提供前端使用的数据库增删改查api。 ### 运行后端app.js后使用，mongodb的ip密码配置在根目录下config.json ### 接口文档 ``` //在index.html中定义 <script> var host = "http://localhost:8888" </script> //此项目接口data中需添加token "token": localStorage.getItem("token") ``` <a href="#add-插入一条或多条数据">add-插入一条或多条数据</a><br> <a href="#query-分页条件排序一体查询">query-分页、条件、排序一体查询</a><br> <a href="#update-更新数据">update-更新数据</a><br> <a href="#delete-删除数据">delete-删除数据</a><br> <a href="#sort-排序">sort-排序</a><br> <a href="#deletecol-删除集合谨慎使用建议后端关闭该接口">deleteCol-删除集合，谨慎使用！建议后端关闭该接口</a><br> *** ## 后端：node链接Mongodb，提供可供前端使用的操作数据库接口 本地安装node http://nodejs.cn/download/<br> 本地安装mongodb https://www.mongodb.com/download-center/community <br> ``` cd node //安装依赖 npm install //启动数据库链接 node app.js ``` #### 示例   *** ## 前端：此CMS内容管理系统使用vue-cli搭建，如只需使用接口用postman等框架工具能请求ajax就可。(开发中) #### vue-cli数据可视化管理系统（待开发） ``` //新建终端 cd vue-cli //安装依赖 npm install //启动 npm run serve ``` *** ## 接口文档 #### add-插入一条或多条数据 ``` //定义数据，第一次如果没有表和数据库则自动创建 var datas = { "dataBase" : "SFCMS", "collectionName" : "userInfo", "data":[ { "userInfo" : { "name": "sf", "email" : "1074260090@qq.com" }, "stars": "4" }, { "userInfo" : { "name": "what", "email" : "123@qq.com" }, "stars": "1000" } ] } ``` ##### 发送jq-ajax和axios写法，后面接口只提供axios ``` $.ajax({ type: "post", url: host + "/add", data: datas, contentType : 'application/json', success: function (res) { console.log(res) }, error:function(err){ console.log(err) } }); axios.post(host + "/add",datas) .then(res => { console.log(res.data) }) .catch(err => { console.error(err); }) ``` #### query-分页、条件、排序一体查询 ``` //不需要分页、条件查询、排序可以不写对应字段 var datas = { "dataBase" : "SFCMS", "collectionName" : "userInfo", "page": 1, //第几页 "pageSize" : 2, //每页显示个数 "data": { //查询条件 "userInfo.name":"sf" }, "sort":{ //按字段排序,升序(1)降序(-1) "createTime": -1 } } axios.post(host + "/query",datas) .then(res => { console.log(res.data) }) ``` #### update-更新数据 ``` //whereStr查询条件 //updateStr更改的内容 var datas = { "dataBase" : "SFCMS", "collectionName" : "userInfo", "whereStr" : { "stars": "4" }, "updateStr" : { "createTime": "timeChanged" } } axios.post(host + "/update",datas) .then(res => { console.log(res.data) }) ``` #### delete-删除数据 ``` //whereStr查询条件 var datas = { "dataBase" : "SFCMS", "collectionName" : "userInfo", "whereStr" : { "stars": "4" } } axios.post(host + "/delete",datas) .then(res => { console.log(res.data) }) ``` #### sort-排序 ``` //按指定字段排序，升序(1)降序(-1) var datas = { "dataBase" : "SFCMS", "collectionName" : "userInfo", "sort" : { "createTime": -1 } } axios.post(host + "/sort",datas) .then(res => { console.log(res.data) }) ``` #### deleteCol-删除集合，谨慎使用！建议后端关闭该接口 ``` var datas = { "dataBase" : "SFCMS", "collectionName" : "userInfo" } axios.post(host + "/deleteCol",datas) .then(res => { console.log(res.data) }) ```