weixin_42301205的博客

文章管理-'Vue+Element+Nodejs+Mongodb'1、Main.vue中添加侧边栏2、添加ArticleEdit.vue和ArticleList.vue3、router.js中添加路由4、修改ArticleEdit.vue5、添加Article.js模型6、修改ArticleList.vue1、Main.vue中添加侧边栏 <el-menu-item-gro...

技能编辑-'Vue+Element+Nodejs+Mongodb'1、将英雄编辑页得内容用tab包裹2、添加技能列表3、技能添加页面代码1、将英雄编辑页得内容用tab包裹 <!-- value的值默认未el-tab-pane得第一个name --> <el-tabs value="basic" type="border-card"> ...

英雄管理+'Vue+Element+Nodejs+Mongodb'1、Main.vue中创建英雄列2、新建HeroList.vue和HeroEdit.vue3、路由中引用HeroList.vue和HeroEdit.vue4、添加英雄模型Hero.js5、英雄编辑页（HeroEdit.vue）1、Main.vue中创建英雄列 <el-menu-item-group> ...

图片上传+'Vue+Element+Nodejs+Mongodb'1、添加上传文件图标(ItemEdit.vue)2、添加upload文件上传文件夹（server/upload）3、在server端安装multer中间件处理文件上传4、写后端接口(server/route/admin/index.js)5、为了可以访问图片，创建静态文件托管(server/index.js)1、添加上传文件图标(...

物品管理-'Vue+Element+Nodejs+Mongodb'1、Main.vue中添加物品列表2、复制Category编辑页和列表页为ItemEdit.vue和ItemList.vue并修改页面代码3、添加路由4、添加模型Item.js1、Main.vue中添加物品列表 <el-menu-item-group> <template sl...

通用CRUD-'Vue+Element+Nodejs+Mongodb'1、添加mergeParams2、动态获取接口地址并在请求对象上挂载Model属性3、后端接口代码如下3、修改前端请求接口1、添加mergeParams //合并URL参数，将父级的参数合并到router里面 const router = express.Router({ mergePar...

父级分类-'Vue+Element+Nodejs+Mongodb'1、编辑页面添加选择父类按钮2、列表页显示父级分类3、server端模型中添加parent字段4、修改后端接口1、编辑页面添加选择父类按钮 <el-form-items label="上级分类"> <el-select v-model="model.parent"> ...

增删改查-'Vue+Element+Nodejs+Mongodb'1、创建Admin、Web、Server端2、安装插件3、server端自定义脚本中用nodemon运行代码4、分类创建及编辑页(admin/src/views/CategoryEdit.vue)5、列表页(admin/src/views/CategoryList.vue)6、admin端路由定义(admin/src/router/...