页面整体框架实现,实现小功能,循环出数据,整体代码是上一篇 vue+node.js+webpack开发微信公众号功能填坑--组件按需引入 修改部门代码 app.vue <yd-flexbox> <yd-flexbox-item>能耗排行</yd-flexbox-item> <yd-flexbox-item>房间号</yd-flexbox-item> <yd-flexbox-item>能耗程度</yd-flexbox-item&g…

环境搭建 VUE Node.js VSCode template模板: 首先安装node:http://www.runoob.com/nodejs/nodejs-install-setup.html 进入命令行模式: win+r ---->cmd cd  f:\ md vuetest cd vuetest 安装webpack:npm install webpack -g 安装vue脚手架:npm install vue-cli -g 创建项目:vue init webpack proj Use…

mongodb mongodb & vue & node.js https://docs.mongodb.com/manual/tutorial/install-mongodb-on-windows/ https://stackoverflow.com/questions/2404742/how-to-install-mongodb-on-windows https://www.tutorialspoint.com/mongodb/ https://www.tutorialspoint.c…

前言 作为一个年轻的程序员,而且是作为一个未来的前端工程师,怎么能没有一个属于自己的博客呢,于是乎在暑假咸鱼了一个多月后开始了我的博客的编写. 技术栈 前端 vue.js+scss  因为当时没学vuex所以没用到 后端 node.js express框架 数据库 mysql 特点 1.响应式布局,能够适应各种不同分辨率的场合,除了对低端浏览器的不兼容外就没别的,煞风景的地方了. 2.所以功能都是自己写出来的,左边导航栏的控制然后页面内容的各种样式,没有用框架,全是自己写的. 3.在文章的页面用…

一个简单的 CURD 实例 ---对图书信息进行管理 目录 1 开发环境 1.1 前端开发环境 1.2 后端开发环境 2 数据库设计和创建 2.1 数据库和表设计 2.2 book 表设计 2.3 sql 语句编写 3 后台模块开发 3.1 创建数据库连接 3.2 创建表模型 3.3 编写接口 3.4 接口测试 4 前端模块开发 4.1 安装并引入前端开发所需外部模块 4.2 建立路由 4.3 编写组件 1 开发环境 前端:vue.axios 后端:node.js.express 数据库:mys…

  一.渲染购物车列表页面 新建src/views/Cart.vue获取cartList购物车列表数据就可以在页面中渲染出该用户的购物车列表数据 data(){   return {      cartList:[] // 购物车商品列表   } }, mounted:function(){   this.init(); }, methods:{   init(){ // 初始化商品数据     axios.get('/users/cartList').then((response)=>{   …

本项目是一个用vue和node以及mysql实现的一个简单的个人博客系统,整体逻辑比较简单.但是可以我们完整的了解一个项目从数据库到后端到前端的实现过程,适合不太懂这一块的朋友们拿来练手. 本项目所用到的技术和工具: 前端:vue,element-ui,axios,webpack,npm或者yarn,vuex,PWA 后端:express 数据库:mysql 开发工具:Vs Code,Navicat 部分展示页面: 项目结构目录: dist中是打包生成的文件,server中是关于后端服务器的配置…

初次开发微信公众号,整体框架是经理搭建,小喽喽只是实现部分功能,整体页面效果 整个页面使用两个组件:布局 FlexBox,搜索框 Search,demo文档 http://vue.ydui.org/docs/#/quickstart app.vue <template> <div id="powerrank"> <yd-flexbox> <yd-flexbox-item><span style="font-size: 16…

最近闲游时间比较多,于是想搞个网站练练手,首先选域名在godday里选了个518shengmao.com,买了个1元的阿里云服务器,接下来程序了. 采用vue+nodejs来开发的 一.NodeJs环境安装与配置 关于什么是NodeJs就不详细介绍,简要说明,它就是用javascript 方式去操作系统资料的一个开发环境.是一个桥梁平台. 大家可以去官网下载最新版本的,安装后进行环境变量的配置. 下载>  NodeJs  选择左边绿的下载安装就可以 关于环境变量的配置,百度搜索很多, 点击这里去…

跨越问题解决的两种办法: 1. 在 config => index.js 中配置 proxyTable 代理: proxyTable: { '/charts': { target: 'http://localhost:5001', changeOrigin: true, pathRewrite: { '^/charts':'/charts' } } } 说明: /charts:以其开头的所有路径请求转发,.changeOrigin 参数为true: 本地会虚拟一个服务器接收请求,并转发该请求 2…