小程序开发简介（I）-基础
小程序开发
浏览：1056 次
参考资源
小程序与普通网页的区别
网页开发渲染线程和脚本线程是互斥的，如果长时间没有响应，脚本将丢失。在小程序中，两者是分开的，并在不同的线程中运行。
网页开发可以在浏览器中调用DOM API，而小程序由于线程分离而缺少DOM API和BOM API。这使得jQuery不可用
小程序帐户app
通过小程序注册页面完成一系列流程后，您可以申请成功的小程序帐户。之后，您可以在小程序后台开发设置中获取后期开发所需的appID和appSecret
微信开发工具
工具准备
1.下载稳定版本
创建第一个小程序
新建项目选择一个小程序项目，选择存储代码的硬盘路径，填写您刚刚申请的小程序的AppID，为您的项目起一个好名字，选中“不要使用云服务”（注意：您必须选择一个空目录才能创建项目），单击“新建”，您将获得第一个小程序。
微信开发工具
小程序项目目录
项目目录
配置文件
配置文件
小程序配置app。json是当前小程序的全局配置，包括小程序的所有页面路径、界面表示、网络超时和底部选项卡。
app.json
页面字段-用于描述当前小程序的所有页面路径。这是为了让微信客户端知道您的小程序页面当前定义在哪个目录中。
页面字段第一处的路径将是小程序显示的第一个页面。开发新页面时，需要将新页面的路径移动到第一个位置，然后才能在模拟器上看到开发的页面，这便于样式调试。
窗口字段——定义小程序所有页面的顶部背景色、文本颜色定义等。
工具配置project.config.json。根据开发人员的偏好为其工具提供一些个性化配置，例如界面颜色、编译配置等。当您在另一台计算机上使用它时，只需导入项目包即可自动恢复原始计算机上的设置
小程序代码组成
图像.png
页面文件夹包含页面文件。创建页面时，将生成四个文件
带有JSON后缀的JSON配置文件
带有WXML后缀的WXML模板文件
带有WXSS后缀的WXSS样式文件
带有JS后缀的JS脚本逻辑文件
JSON配置
JSON是一种数据格式，而不是编程语言。在小程序中，JSON扮演静态配置的角色。（请注意，不能在JSON文件中使用注释。尝试添加注释将导致错误。）
具体内容参考
WXML模板
从事网页编程的人都知道网页编程使用HTML+CSS+JS的组合。HTML用于描述当前页面的结构，CSS用于描述页面的外观，JS通常用于处理页面和用户之间的交互。
同样，小程序中也有相同的角色，WXML扮演着类似于HTML的角色。
具体内容参考
WXSS样式
WXSS具有CSS的大部分功能，小程序也在WXSS中进行了扩展和修改。
将添加新的尺寸单位。WXSS支持底层的新维度单位rpx，因此开发人员可以避免转换的麻烦
具体内容参考
JS逻辑交互
服务仅显示界面是不够的。它还需要与用户交互：响应用户的点击，获取用户的位置等。在小程序中，我们通过编写JS脚本文件来处理用户操作。
具体内容参考
对于小程序，我们有自己的小程序脚本语言-WXS语法。使用WXML，我们可以构建页面结构。具体内容参考
一些常见功能
服务器交互
之前的基础知识基本上可以完成当地的开发，但对于一个项目来说是不够的。它需要与服务器后台数据库交互。此时，wx。使用request（）接口
这是一种帐户登录方法。使用的请求方法是post，这类似于网页开发的ajax请求。它访问服务器后台的接口方法，并通过后台接口与数据库生成数据交互，完成添加、删除、修改和查询功能。
常用打印方法控制台。log（）在调试期间输出日志
writeinfo:函数（e）{
console.log（e.detail.value）；
var名称=e.detail.value。txt_名称；
var pswd=e.detail.value。txt_密码；
const _ this=此；
//拼接请求url
常量url='https://127.0.0.1:8089/system/login/login.aspx/Logins ';
//请求日期
