微信小程序开发博客项目-篇幅《一》

原先博客写了微信小程序的开发资料：《打开微信小程序资料汇总》

微信最近更新了开发者工具，即不用破解也能使用了，下载地址：《小程序开发工具免破解下载》

相关开发文档：《官方开发文档》

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

1、新建项目

选择无AppID模式

进入项目初始化

2、文件讲解

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

.js结尾的是脚本文件。

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

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

3、开始开发

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

4、路由导航

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

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

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

由于篇幅过长，所以分为两篇，敬请期待。

微信小程序开发者群人数超过100，需要的可以加我微信 jack794666918,拉你进群

项目主体完成了，代码上传到Git了,获取小程序最新开发资料，关注公众号

微信小程序开发博客项目-篇幅《一》相关推荐

微信小程序版博客——开发汇总总结（附源码）
花了点时间陆陆续续,拼拼凑凑将我的小程序版博客搭建完了,这里做个简单的分享和总结. 整体效果对于博客来说功能页面不是很多,且有些限制于后端服务(基于ghost博客提供的服务),相关样式可以参考截图或 ...
一款简单微信小程序个人博客
简介: 一款简单微信小程序个人博客.后端基于SpringBoot实现网盘下载地址: http://kekewl.cc/7ZS91CtWjfu0 图片:
微信小程序开发教程：项目一微信小程序入门课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题 1.请简述微信开发者工具中调试器功能. 2.请简述微信小 ...
微信小程序开发教程：项目四组件布局课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题 1.请简单地介绍微信小程序flex布局的使用. 2.如何 ...
微信小程序开发教程：项目三表单组件课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题 1.请简单描述搭建node后台服务器的过程. 2.在调查 ...
微信小程序开发教程：项目二微信小程序开发基础课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题 1.请简单描述页面样式的单位rpx与px的关系. 2.简 ...
微信小程序开发教程：项目六媒体组件课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题请简单列举音频接口API创建的InnerAudioCon ...
微信小程序开发教程：项目五导航组件课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题简述如何动态设置窗口的背景色. 六.编程题 1.设计一款 ...
一、零基础入门微信小程序开发之创建项目工程同时完成引导页开发
前言创建这个系列博客的原因是因为最近在加深微信小程序的学习,按照我之前的学习习惯是不喜欢记录的,加上自己有拖延症就更不太愿意做这件事情了,同时我要给学生上课,但总是缺少教材所以就开了这个系列的博客, ...
V部落-微信小程序版博客
是之前SpringBoot+Vue搭建前后端分离的轻博客,配套的微信小程序,目前只能够实现文章的阅读,评论点赞,搜索和登录,更多功能后续在以后的微服务版本再添加小程序界面首页标签页详情页评论 ...

微信小程序开发博客项目-篇幅《一》

微信小程序开发博客项目-篇幅《一》相关推荐

最新文章

热门文章