Vue+koa2开发一款全栈小程序(5.服务端环境搭建和项目初始化）

1.微信公众平台小程序关联腾讯云腾讯云的开发环境是给免费的一个后台,但是只能够用于开发,如果用于生产是需要花钱的,我们先用开发环境吧 1.用小程序开发邮箱账号登录微信公众平台 2.[设置]→[开发者工具]→第一次是git管理,开启腾讯云关联 3.会一路跳转到腾讯云的[开通开发环境]的流程要走 1.已经完成 2.下载安装微信开发者工具,也已经下载安装了 3.下载Node.js版本Demo 将demo中的server文件夹,复制到mpvue项目中在项目下的project.config.json中…

Vue+koa2开发一款全栈小程序(1.课程介绍+2.ES6入门）

1.课程介绍 1.课程概述 1.做什么? Vue+koa2开发一款全栈小程序 2.哪些功能? 个人中心.图书列表.图书详情.图书评论.个人评论列表 3.技术栈小程序.Vue.js.koa2.koa-router.mysql 2.课程亮点 1.项目前后端分离开发 Vue+koa2开发一款全栈小程序 2.完整流程,一步不少注册小程序账号,前后端开发,打包,正式上线 2.小程序环境搭建 1.后台地址: https://mp.weixin.qq.com/ 2.文档地址: https://develo…

Vue+koa2开发一款全栈小程序(3.vue入门、Mpvue入门）

1.Vue-cli 1.新建一个vue项目打开cmd 官方命令行工具 npm install -g vue-cli //安装脚手架 cd到你想要存放demo的目录下,然后 vue init webpack vue-demo //新建demo 其中user EsLint....那一行选项要选n 还有选最后一条时,让你选npm.yarn.No,I can handle it myselft,要选第三个No,I can handle it myselft,不然有可能一整天都新建不完. 然后执行 cd…

Vue+koa2开发一款全栈小程序(6.个人中心）

1.用户信息的获取和展示 1.初始化数据库 cd到server目录下,执行 node tools/initdb.js 登录mysql控制界面,查看初始化以后生成的表 show databases; use cauth; show tables; 如果报错(往往因为mysql的版本8.0什么的,加密方式导致初始化脚本报错),解决办法进入mysql alter user 'root'@'localhost' identified with mysql_native_password by '数据库…

Vue+koa2开发一款全栈小程序(9.图书详情页）

1.获取图书详情 1.修改server/controllers/bookdetail.js为 const {mysql}=require('../qcloud') module.exports=async(ctx)=>{ const {id}=ctx.request.query const detail=await mysql('books') .select('books.*','csessioninfo.user_info') .join('csessioninfo','books.open…

Vue+koa2开发一款全栈小程序(8.图书列表页）

1.图书列表页获取数据 1.在server/routes/index.js中新增路由 router.get('/booklist',controllers.booklist) 2.在server/controllers下新增booklist.js const {mysql}=require('../qcloud') module.exports=async(ctx)=>{ const books=await mysql('books').select('*').orderBy('id','des…

Vue+koa2开发一款全栈小程序(7.图书录入功能）

1.图书录入功能 1.获取图书信息 1.在mydemo/src/until.js中封装工具函数post和get // 工具函数 import config from './config' // http get工具函数获取数据 export function get (url,data) { return request(url,'GET',data) } export function post (url,data) { return request(url,'POST',data) } f…

Vue+koa2开发一款全栈小程序(4.Koa入门）

1.Koa是什么? 基于nodejs平台的下一代web开发框架 1.Express原班人马打造,更精简 2.Async+await处理异步 3.洋葱圈型的中间件机制新建一个koa项目 1.打开cmd,cd到指定目录下 mkdir koa-demo cd koa-demo npm init //然后一直默认回车 cnpm install koa --save 2.在vscode中打开koa-demo项目,新建server.js const Koa=require('koa') const app…

微信小程序云开发－从0打造云音乐全栈小程序

第1章首门小程序“云开发”课程,你值得学习本章主要介绍什么是小程序云开发以及学习云开发的重要性,并介绍项目的整体架构,真机演示项目功能,详细介绍整体课程安排.课程适用人群以及需要掌握的前置知识.通过本章的学习,能够使大家对本门课程有一个整体的了解.... 第2章云开发介绍以及从0构建项目本章会详细介绍小程序云开发与Serverless,并介绍如何开通小程序云开发及控制台的功能,并且初始化项目代码,讲解airbnb/javascript代码规范. 第3章播放列表功能实现本章完成歌单列表与歌曲…

从零开发一款自己的小程序UI组件库（一）

写在前面:有开发过小程序的朋友肯定知道组件化开发的特性,高内聚与低耦合.使用已有的UI组件库,诸如:vantUI-weapp.minUI-weapp等UI组件库的诞生使我们的开发速度大大的加快,丰富的组件拿来即用[更多的UI组件库.框架可查看我的另一篇博客移动端.PC端(前后台).小程序常用的UI框架.],但是大家有没有遇到过只想使用某个组件库的某个单一功能.或者想把组件库中优秀的组件集合到自己的组件库中,或者说想开发自己的UI组件库看了官网文档却无从下手呢,接下来,请跟随我,从零开发一款自己的…

从零开发一款自己的小程序UI组件库（二）

写在前面:从零开发一款自己的小程序UI组件库(一) 上节我们讲到初始化组件库模板.模板文件概述.模板上传npm以及npm包文件下载至本地并运用到项目.这节我们继续,内容主要有基础UI组件库的搭建(button组件的实例)以及如何在本地使用npm link调试npm包项目. 本节所用到的物料:mineui-weapp组件库v1.1.weapp-for-mineui程序v1.1 1.开发基础组件button 我们上节有提到,要开发组件库的话,需要在官方单组件模板的基础上,①修改tools目录下的co…

多个微信小程序一个服务端架构

由于某些特定的业务场景,当多个小程序需要一个服务端后台提供数据时,大家可能想到是HTTP路由.是的,实际上我们使用微服务的GateWay网关也是一样的,如下图微服务架构: 网关GateWay的作用在于提供统一的入口来访问内部的API, 隔离外部访问与内部系统.集成了非业务性的功能(如安全检查.频次限制.API监控.日志上报等),API生命期管理.请求的转发.合成.协议转换.服务发现等多种功能.更多可以参考apigateway API网关的优点: 给服务加一层安全保护可在这一层做SQL注入.CRS…

【微信小程序】---线上环境搭建

一.前言通常我们在本地电脑上开发微信小程序,调用和访问小程序会有很多问题.特别是在配有自己后端的情况下,我们通过真机访问我们的小程序会出现不可访问的问题二.线上环境搭建在这里我们主要以腾讯云给大家做演示 1.注册并登陆腾讯云 https://cloud.tencent.com/ 2.上传代码 a.把客户端代码和服务端代码放置在微信小程序目录下 b.将客户端代码放置到client文件加中,服务端代码放置在server文件加中 c.把原微信小程序project.config.js文件转移到…

环境搭建：Vue环境搭建和项目初始化（ubuntu）

1. 安装node.js(版本6.10.3) 首先确保系统安装来gcc,g++,如果没有则安装: $ sudo apt-get update $ sudo apt-get install gcc $ sudo apt-get install g++ $ sudo apt-get install make 从nodeJS官网http://nodejs.org/下载6.10.3源代码包 http://cdn.npm.taobao.org/dist/node/v6.10.3/node-v6.10…

环境搭建：Vue环境搭建和项目初始化（windows）

1. 安装node.js 官网下载安装:https://nodejs.org/en/ 版本查看:node -v 注意:node版本最好新一点好,推荐6.0以上. 2. npm安装webpack a) 命令 npm install -g webpack //全局安装 npm install -g webpack-dev-server //安装调试工具 b) Webpack安装权限问题如果出现上图所示错误说明用户权限受限,使用管理员权限打开命令提示符(或node.js…

微信小程序post 服务端无法获得参数问题

header中需要改为 "Content-Type": "application/x-www-form-urlencoded"…

mpvue开发美团外卖点餐小程序

mpvue-meituan mpvue-meituan 是一款使用mpvue开发的实战小程序项目,完全仿制美团官方外卖点餐小程序开发而成,项目的框架结构完全按照企业开发架构搭建而成.结合了原生小程序的开发能力和Vue能力,使小程序开发起来更加便捷高效,项目使用了比较流行的Vuex框架来作为全局的状态数据管理,使数据交互更加的便捷,结合了sass的使用让写Css样式更加的得心应手.目前市面上有很多使用mpvue开发的示例Demo,但是那些示例Demo都过于简单,没有提供一套系统的框架结构,借鉴的意…

一个 Vue & Node 的全栈小项目

约学 - 可以寻找一起自习的小伙伴的Web APP 一个基于 Vue & Node 的移动端全栈小项目在线演示(请使用移动端查看效果) 源码地址: https://github.com/G-lory/yuexue (感觉要被玩坏了…我知道有很多bug…发现bug可以告诉我……谢谢dalao们……) 部分页面截图(不许吐槽我首页的背景图片! 技术栈前端:Vue2 vue-router Webpack axios sass MintUI Iconfont 后端:NodeJS(v8.…

Vuebnb 一个用 vue.js + Laravel 构建的全栈应用

今年我一直在写一本新书叫全栈Vue网站开发:Vue.js,Vuex和Laravel.它会在Packt出版社在2018年初出版. 这本书是围绕着一个案例研究项目,Vuebnb,简单克隆Airbnb.在这篇文章中,我会把它如何工作做一个高层次的概述,好让你了解如何从零开始参与建设一个Vue/Laravel构建的全栈应用. 这是一个现场演示如果你想看看的话:https://vuebnb.vuejsdevelopers.com 概述作为一个完整的全栈应用程序,Vuebnb由不同的部分组成: 前端应用,…

C蛮的全栈之路-node篇(一) 环境布置

目录 C蛮的全栈之路-序章技术栈选择与全栈工程师C蛮的全栈之路-node篇(一) 环境布置C蛮的全栈之路-node篇(二) 实战一:自动发博客 ---------------- 我是分割线 -------------- 武器买到了,第一步就是拿在手里掂量一下. node.js 可以去 https://nodejs.org/ 下载,或者先安装npm(npm nrm nvm人称3m),然后用npm安装node. IDE可以选择WebStorm.去 http://www.jetbrains.com/…

基于wepy和云开发的动漫资讯小程序----233次元

233次元小程序 # 233次元小程序项目描述- 基于微信小程序的动漫咨询小程序,采用`wepy`框架开发:- 后台数据采用小程序的云开发存储: 线上体验部分截图技术栈 wepy weUI 小程序云开发安装环境 # 安装(更新) wepy 命令行工具. npm install wepy-cli -g # 安装依赖包 npm install…

微信小程序开发系列四：微信小程序之控制器的初始化逻辑

微信小程序开发系列教程微信小程序开发系列一:微信小程序的申请和开发环境的搭建微信小程序开发系列二:微信小程序的视图设计微信小程序开发系列三:微信小程序的调试方法这个教程的前两篇文章,介绍了如何用下图所示的微信开发者工具自动生成一个Hello World的微信小程序,并讲解了这个自动生成的微信小程序的视图开发原理. 本文继续介绍这个微信小程序的控制器index.js的实现, 即MVC设计理念的C-Controller-控制器.不过严格意义上说,按照微信小程序官方文档里介绍的,微信小程序实际…

微信小程序开发系列（一）小程序开发初体验

开发小程序所需的基本技能关于小程序的介绍和使用场景这里不作介绍,这个系列的文章会一步一步地带领大家快速地学习和掌握小程序的开发. 关于还没有接触过小程序的开发者来说,最关心的问题无非就是,开发小程序,我需要掌握哪些技能? 从我学习小程序的经验中得出,开发小程序的基本要求: 如果你是一名已经工作1年以上的前端工程师,你几乎不用学习任何新的东西就可以快速上手: 如果你是一名刚刚大学毕业的大学生,你需要熟练使用HTML.CSS.JS: 如果你是一名没有任何基础的小程序爱好者,我建议你先去系统…

[转]微信小程序开发系列（一）小程序开发初体验

本文转自:http://www.cnblogs.com/rennix/p/6287432.html 开发小程序所需的基本技能关于小程序的介绍和使用场景这里不作介绍,这个系列的文章会一步一步地带领大家快速地学习和掌握小程序的开发. 关于还没有接触过小程序的开发者来说,最关心的问题无非就是,开发小程序,我需要掌握哪些技能? 从我学习小程序的经验中得出,开发小程序的基本要求: 如果你是一名已经工作1年以上的前端工程师,你几乎不用学习任何新的东西就可以快速上手: 如果你是一名刚刚大学毕业的大学…

头脑王者pk答题小程序开发思路微信pk答题小程序开发 PK答题游戏你也可以做微信pk答题游戏

想必大家最近的朋友圈和微信群里都被头脑王者PK答题刷屏了吧.确实很好玩,尤其是2018年的这波风口,手机答题,大家掏出手机,创建一个好友PK,然后你的好友点击进来就可以和你一起PK答题.比之前的游戏好玩多了,游戏是纯粹花费时间,但是答题呢,花费时间还能学到东西,增长见识哈.那好吧,我们开始来开发这个了. 难点就是如何做到实时PK答题.我们用到的是小程序的socket编程.大家可以先看看微信小程序的接口文档. 后端呢,我们用到的是gateway worker这个socket通讯. GatewayW…