欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 零基础入门篇:微信小程序开发博客项目《上》

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:789

HTML5自适应律师工作室类网

2020-04-04   浏览:654

高端HTML5响应式企业通用网

2020-05-06   浏览:560

html5响应式外贸网站英文版

2020-05-08   浏览:545

HTML5影视传媒文化公司类网

2020-05-12   浏览:543

零基础入门篇:微信小程序开发博客项目《上》

发布时间:2020-12-14  

刚好这几天空闲时间比较多,就来记录下开发一个小程序,粗略版博客(这个是零基础入门篇幅,比较繁琐,若已经入门,请忽略)

1、新建项目

零基础入门篇:微信小程序开发博客项目《上》

选择无AppID模式

零基础入门篇:微信小程序开发博客项目《上》

进入项目初始化

零基础入门篇:微信小程序开发博客项目《上》

2、文件讲解

小程序里面一个文件夹就是一个页面,包含四个文件。

.js结尾的是脚本文件。

.wxml是页面标签文件,即类似我们原先使用的html标签一样。

.wxss是样式文件,即是我们原先使用的css3.

零基础入门篇:微信小程序开发博客项目《上》

3、开始开发

打开文件app.json,page对象表示每添加一个页面,就需要往里面加一条路由,名称必须和文件夹和文件一致。

零基础入门篇:微信小程序开发博客项目《上》

 

4、路由导航

由于小程序默认首页是index,在首页触发事件后我们需要进行处理

零基础入门篇:微信小程序开发博客项目《上》

编辑blog文件夹下面blog.wxml,里面添加“<view>这个是我个人博客</view>”,编辑index文件里面的index.js文件,添加路由,完成后保存文件(一定要保存),点击开发工具左侧菜单栏“编译”,然后就进入页面

零基础入门篇:微信小程序开发博客项目《上》

进入主页后,点击下,触发我们刚刚绑定的函数,跳转到我们的页面

零基础入门篇:微信小程序开发博客项目《上》