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://developers.weixin.qq.com/miniprogram/dev/index.html
3.开发工具下载地址:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
1.账号注册:
1.立即注册
2.邮箱激活+身份验证+手机验证码+微信扫码认证
3.进入后台管理系统
4.填写小程序信息
5.下载开发者工具
6.在自己的电脑上安装微信开发者工具
7.扫码登录开发者工具,选择小程序,新建个项目,勾选【建立普通快速启动模板】,点击确定。
8.在微信公众平台选→开发→小程序开发,可以看到一些简易教程
2.小程序开发入门
1.文件结构
2.常用api
https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html
3.常用组件
3.为什么要vue.js?
1.小程序原生不能使用npm,使用第三方包的方式太原始
2.需要为小程序单独开发代码,不能和web系统重用
3.开发效率和学习成本(小程序特有的语法)
3.ES6入门学习
1.ES6是什么?
JavaScript新的语法标准,现在流行的库,基本上都基于ES6构建
2.ES6新语法讲解,作用域,字符串,函数
1.定义变量用let代替var,let是块级作用域
2.Const定义不可修改的变量
3..作用域和{}
const name='woniu'
console.log(`hello ${name} !!!`)
4.箭头函数
const double=(num)=>num*2 console.log(double(3)) //
const add=(num1,num2)=>{
let num2=num2||1 //默认num2是1
return num1+num2
} console.log(add(3,4) //
console.log(add(3)) // let arr=[5,6] console.log(add(...arr) //11 用...可以将一个数组的每个元素取出来
console.log([1,2,3,...arr]) //[1,2,3,5,6] ...可以做数组的拼接
5.对象的扩展
const key='job'
const obj={
num:1,
str:'woniu',
work(){
},
[key]:'fe',
[key+'world']:'fei'
} console.log(obj)//{num:1,str:"woniu",work:f work(), job:"fe",jobworld:"fei"}
6.解构赋值
let arr=[1,2] let[num1,num2]=arr console.log(num1,num2)//1 2
Vue+koa2开发一款全栈小程序(1.课程介绍+2.ES6入门)的更多相关文章
- Vue+koa2开发一款全栈小程序(5.服务端环境搭建和项目初始化)
1.微信公众平台小程序关联腾讯云 腾讯云的开发环境是给免费的一个后台,但是只能够用于开发,如果用于生产是需要花钱的,我们先用开发环境吧 1.用小程序开发邮箱账号登录微信公众平台 2.[设置]→[开发者 ...
- Vue+koa2开发一款全栈小程序(3.vue入门、Mpvue入门)
1.Vue-cli 1.新建一个vue项目 打开cmd 官方命令行工具 npm install -g vue-cli //安装脚手架 cd到你想要存放demo的目录下,然后 vue init webp ...
- Vue+koa2开发一款全栈小程序(6.个人中心)
1.用户信息的获取和展示 1.初始化数据库 cd到server目录下,执行 node tools/initdb.js 登录mysql控制界面,查看初始化以后生成的表 show databases; u ...
- Vue+koa2开发一款全栈小程序(9.图书详情页)
1.获取图书详情 1.修改server/controllers/bookdetail.js为 const {mysql}=require('../qcloud') module.exports=asy ...
- Vue+koa2开发一款全栈小程序(8.图书列表页)
1.图书列表页获取数据 1.在server/routes/index.js中新增路由 router.get('/booklist',controllers.booklist) 2.在server/co ...
- Vue+koa2开发一款全栈小程序(7.图书录入功能)
1.图书录入功能 1.获取图书信息 1.在mydemo/src/until.js中封装工具函数post和get // 工具函数 import config from './config' // htt ...
- Vue+koa2开发一款全栈小程序(4.Koa入门)
1.Koa是什么? 基于nodejs平台的下一代web开发框架 1.Express原班人马打造,更精简 2.Async+await处理异步 3.洋葱圈型的中间件机制 新建一个koa项目 1.打开cmd ...
- 微信小程序云开发-从0打造云音乐全栈小程序
第1章 首门小程序“云开发”课程,你值得学习本章主要介绍什么是小程序云开发以及学习云开发的重要性,并介绍项目的整体架构,真机演示项目功能,详细介绍整体课程安排.课程适用人群以及需要掌握的前置知识.通过 ...
- 从零开发一款自己的小程序UI组件库(一)
写在前面:有开发过小程序的朋友肯定知道组件化开发的特性,高内聚与低耦合.使用已有的UI组件库,诸如:vantUI-weapp.minUI-weapp等UI组件库的诞生使我们的开发速度大大的加快,丰富的 ...
随机推荐
- @PathVariable
@PathVariable是用来对指定请求的URL路径里面的变量 eg: Java代码 @RequestMapping(value = "form/{id}/apply", met ...
- windos下完全卸载MySQL
1.停止mysql服务(win+R,输入:services.msc回车) 2.控制面板卸载MySQL 3.cmd下删除MySQL服务:sc delete MySQL 4.删除目录 (1) C:\Pro ...
- 在linux系统中实现各项监控的关键技术(1)--cpu使用率的计算
转载自 Linux中通过/proc/stat等文件计算Cpu使用率 http://www.blogjava.net/fjzag/articles/317773.html proc文件系统 /proc文 ...
- jquery的show()和hide()方法
显示和隐藏元素的方法 相当于CSS中的display属性 show()方法,相当于display:block hide()方法,相当于display:none
- SpringBoot之通过yaml绑定注入数据
依赖包: <!--配置文件注解提示包--> <dependency> <groupId>org.springframework.boot</groupId&g ...
- [oracle] to_date() 与 to_char() 日期和字符串转换
to_date("要转换的字符串","转换的格式") 两个参数的格式必须匹配,否则会报错. 即按照第二个参数的格式解释第一个参数. to_char(日期,& ...
- endnote插入文献时出现{,#}这样的乱码
1)在每次插入文献后,再点击一下Bibliography里面的Update Citation and Bibliography即可: (2)较好的解决方法也较为简单,只需要再一次进入Word中的End ...
- Linux下的好用的编辑软件Remarkable
Linux下的好用的编辑软件Remarkable最近着手开始学习Linux,就想着找一款好用的编辑器作笔记,在网上爬了些贴选择了Remarkable.官网崩了,有没有梯子,废了好大力气才装好.于是把资 ...
- 基准对象object中的基础类型----字典 (六)
object有如下子类: CLASSES object basestring str unicode buffer bytearray classmethod complex dict enumera ...
- prufer序列
介绍 其实是\(pr\ddot{u}fer\)序列 什么是prufer序列? 我们认为度数为\(1\)的点是叶子节点 有一颗无根树,每次选出编号最小的叶子节点,加到当前prufer序列的后面,然后删掉 ...