vue框架小程序开发技术学习报告

我们需要做的是一个扫码点餐系统,从便捷性上看,基于微信小程序的前端是一个非常不错的选择。微信小程序开发的官方IDE提供了一个框架,框架和vue开发类似,方便学习。


申请账号以及下载IDE

要开发微信小程序,首先就是要申请账号以及下载IDE,具体步骤如下:
1.官网注册https://mp.weixin.qq.com/,并下载IDE。
2.查看官方文档并学习。

注意事项

(1)注册账号之后会有一个appid,新建项目的时候需要填上,不然很多功能是用不了的,比如不能预览,不能上传代码等等。
(2)如果你注册过微信公众号的话,一定要注意,微信公众号和小程序是两个账号,二者的appid也是不同,小程序开发必须使用小程序的appid哦。


app.js

app.js是整个项目的启动文件,可以通过js的脚本实现浏览器缓存进行存和取数据;登陆成功的回调;获取用户信息等等。
globalData是定义整个项目的全局变量或者常量。


app.json

app.json是整个项目的配置文件,它指定了项目的启动页面以及样式表,也可以自己设定样式。


pages文件夹

里面存放着小程序的页面,有几个页面就有几个文件夹。


index文件夹

与普通的web开发类似:
1.index.wxml对应index.html。
2index.wxss对应index.css。
3.index.js就是js文件哦。
一般我们还会给每个页面组件添加一个.json文件,作为该页面组件的配置文件,设置页面标题等功能。


这就是首次技术学习报告的内容,学习理解了小程序官方框架的构成和用途,具体实现会在后面进行学习。

阅读更多
文章标签: 课程作业
个人分类: 个人作业
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭