随着微信的普及和微小程序的广泛应用，微信小程序开发越来越多受到人们的关注，正在成为新工科和人工智能背景下当代大学生的必备技能。
适应对象
该课程适合电子信息类专业学生进行学习。
微信小程序开发课程共六章，通过对微信小程序开发的介绍，使学生了解了注册小程序账号、查看小程序AppID、设置小程序信息、下载并安装小程序开发环境以及创建和打开小程序的方法。同时介绍了小程序开发的基础知识，包括HTML、CSS和JavaScript中的基础知识和代码设计方法，为小程序开发奠定基础。演示了小程序的基本架构、执行顺序、数据及事件绑定、模块化、条件渲染、列表渲染、模板以及引用文件等基本方法和技巧，以及小程序组件的各种功能和使用方法和小程序API函数的各种功能和使用方法。
课程设计原则
该课程以简单易学的教学理念，打破官方文档对知识点讲解的原有顺序，采用案例式教学方式，将知识要点融入到教学每个案例之中。根据人们的认知规律，每个案例都采用“案例描述→实现效果→案例实现→知识要点→案例总结”的讲解步骤，使学习者掌握小程序开发的方法和技巧。
通过该课程的学习，使学习者达到以下目标：
1.初识微信小程序。掌握注册小程序账号、查看小程序AppID、设置小程序信息、下载并安装小程序开发环境以及创建和打开小程序的方法，以及小程序开发的过程和方法。
2.小程序编程基础。掌握HTML、CSS和JavaScript中的基础知识，为开发小程序奠定基础。
3.小程序框架。掌握小程序的基本架构、执行顺序、数据及事件绑定、模块化、条件渲染、列表渲染、模板以及引用文件等知识。
4.小程序组件。掌握视图容器、基础内容、表单组件、导航组件、媒体组件、地图、画布等小程序组件的功能和使用方法。
5.小程序API。掌握基础中的系统信息和定时器、路由、界面、数据缓存、媒体、位置、画布、文件等常用API函数的功能和使用方法。
6.云开发。掌握获取OpenID、文件上传下载、数据库操作、云函数应用等小程序云开发的方法和技巧。
感兴趣的小伙伴可以点击下方链接和小编一起学习哟~
「链接」
微信小程序中共有四种配置文件，均以.json结尾。其中app.json文件，是全局配置文件。
全局配置文件包括主要四个内容，分别是：
1.所有页面路径，代码示例：
"pages":[
"pages/index/index",
"pages/logs/logs"
],
2.窗口外观，全局定义小程序所有页面的背景色、文字颜色等。代码示例：
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundClolor":"#fff",
"navigationBarTitleText":"wechat",
"navigationBarTextStyle":"black"
},
3.界面表现，全局定义组件样式版本，代码示例：
"style":"v2",
默认最新版本
4.底部页签，用来指定sitemap.json文件位置，代码示例：
"sitemapLocation":"sitemap.json"
此外，除了全局配置文件，还有项目配置文件project.config,json文件，用来记录我们对小程序开发工具所做的个性化配置。其中：
setting中保存编译相关配置，projectname中保存项目名称，appid保存账号ID.
针对小程序的界面设计，DIY可视化实现设计一次打通设计师+产品经理+技术开发团队必备小程序界面设计软件代码生成器，从想法到原型到源码，一步到位小程序界面设计软件代码生成器。以更高的效率和更佳的效果完成设计任务。
强大的设计功能：DIY可视化为设计师提供了丰富的设计组件，可以从0开始构建独一无二的UI界面。
资源丰富和模板多样：拥有丰富组件和海量模板，可以让初学者轻松上手设计，还有针对不同行业、不同功能的小程序UI设计模板，可以有效减少设计师的工作量。
DIYGW可视化工具是一个傻瓜式、拖拽式、模块化开发软件工具；一个从想法到原型到源码，一步到位低代码生成源码工具。
所见即所得，拖拽设计，无编程基础的人都能轻松掌握。只需一次设计，就能拥有微信小程序、支付宝小程序、头条小程序、QQ小程序、百度小程序、FinClip小程序、H5、WebApp、UNIAPP等源码。
丰富的组件模块，宫格列表、图文菜单、卡片、列表、轮播图、导航栏、按钮、标签、表单、单选、复选、下拉选择、多层选择、级联选择、开关、时间轴、模态框、步骤条、头像、进度条、动态通知栏、进度条、星级评分等。
DIY可视化提供了一个直观、易于使用的界面，可以帮助开发人员更加高效地测试和调试API接口。以帮助开发人员以图形化的方式查看和理解API的定义、参数、请求示例、返回值等信息。
DIY可视化不是简单集成类似postman、apifox等市面上比较流行的API测试工具，它不断快速请求你的API，支持在线可视化集成变量绑定，然后一键生成所有的源码。
DIYGW可视化能够在线模拟http协议测试Post和get请求，还包含DELETE请求、PUT请求、PATCH请求、HEAD和OPTIONS请求，并且可以自定义Header信息，支持设置各项参数，并且提供测试返回值。
可视化API快速植入到低代码设计中去，零学习成本、快速集成API调试，API返回的结果支持无限加载、界面动态绑定，支持自定义前置/后置脚本，自动校验数据正确性。
调用你的API配置你的全局访问域名+实际请求API地址+点击测试
点击测试完成后界面上会显示你的API返回的结果集。我们如果想一进来就加载数据，我们提供了默认加载数据选项。记得有个比较重要接口结果变量，这个变量用于存储你API返回的数据。按你的要求进行自定义，不要跟其他API返回的结果冲突了。
加载前后处理加载前后处理非必须，大家根据自己实际需求是否要扩展自定义JS来处理。
选择组件或模板我们这里以选择模板为例，我们进入组件模板区，找到你想要的模板，点击模板会自动加入到设计区。我们可以用图层面板管理来快速定位。
绑定变量点击绑定变量前的图标，会弹出变量绑定，找到你API返回结果集的变量。
绑定图片 绑定标题找到标题组件，然后点击绑定变量，绑定你的API结果集变量。
绑定描述描述跟绑定变量的原理是一样的，找到你想要绑定的变量，点击进行循环绑定就行了。
至此我们一个API接口到绑定变量就完成了，现在我们来看神奇的一幕代码生成器。
查看源码点击查看源码，这时我们可以看见我们生成的源码变成了绑定的数据集、图片变量、标题变量、描述变量自动绑定了。
API接口代码也支持生成了。