这里因为我们追求简单,也将商品的后台管理页面 (Admin.vue)放入了项目中。 现在我们先来实现商品展示列表、购物车和后台管理页面的模板内容。因为商品详情页后面将会使用组件进行复用,所以这里我们暂时先不创建。 添加首页导航 首先修改 App.vue ,加入三个导航链接 router-link,方便让用户跳转到到自己想看的页面,代码...
前端vue-admin-template 基于vue-element-admin的一套后台管理系统基础模板(最少精简版)。基于vue-element-admin的一套后台管理系统基础模板(最少精简版)。参考:https://blog.csdn.net/c_s_d_n_2009/article/details/144729974 vue-element-admin的修改: 1、.env.development修改: VUE_APP_BASE_API = 'http:/...
";15let results = await sqlQuery(sqlStr,[admin,password]);16//判断results有无数据来决定登录成功与否17if(results.length!=0){18console.log("66")19return res.json({ status: 1, msg: '登录成功' })//成功时返回成功的json数据,下面亦然20}else{21console.log("6699")22return res.json({ stat...
目前中国很多互联网公司前端程序员的招聘要求都要求程序员掌握 Vue,像滴滴、美团、饿了么等大厂也在重度使用 Vue 进行开发,并且有着像Element、mpvue、iView这样优秀的基于 Vue 开源项目存在,所以学习 Vue 是一个不错的投资,当你学会 Vue,就可以快速开发项目,这样不仅可以接外包挣外快,而且当有了一定的项目经验,还...
欢迎阅读《从零到部署:用 Vue 和 Express 实现迷你全栈电商应用》系列: 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(一)[3] 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(二)[4] 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(三)[5] ...
当保存上面编写的代码之后,我们打开浏览器,点击导航链接 Admin,然后点击子导航链接 New Products,切换到我们的 New.vue 添加商品页面,我们可以看到如下的效果: 小结 到现在为止,我们已经了解了 Vue 的基础部分,包括: 用路由进行多页面的跳转和导航 用嵌套路由和动态路由合理组织页面 Vue 组件和 Vue 实例 Vue 模板语...
// ...importUserIndexfrom"@/pages/user/Index";importLoginfrom"@/pages/user/Login";importSettingfrom"@/pages/user/Setting";Vue.use(Router);constrouter=newRouter({routes:[{path:"/",name:"Home",component:Home},{path:"/admin",name:"Admin",component:Index,children:[{path:"new",name:"New...
use admin db db.createUser({user:"root",pwd:"你的密码",roles:[{role:"root",db:"admin"}]}) 1. 2. 3. 关闭mongodb服务 db.shutdownServer() 1. vim mongodb.conf 重新进入配置文件,在最后一行加入auth=true完成mongodb安装 2.3 安装nginx ...
1 新增路由文件admin，存放需要验证登录状态的所有接口（分析重点代码）： 1.getMD5Password和checkAdminPower方法用于获取id的MD5数据和校验数据登录状态，这里为了方便只是简单实现，现实上为了安全性，需要更加复杂的字段，且还需要验证每个字段的正确性等。2 路由文件admin新增添加用户接口addUser，代码如下...
则调用接口“admin/addMovie”，并传参“data”，如果res.status为1，则显示错误信息；不为1则显示成功信息并返回到电影列表； 3）校验不成功则输出错误信息。电影列表页面 1 template和style代码如下图（1-2），最终显示效果如下图（3）： 1.template中“el-”开头的标签都是来自“element-ui”框...