小程序开发简介（I）-基础

参考资源

小程序与普通网页的区别

网页开发渲染线程和脚本线程是互斥的，如果长时间没有响应，脚本将丢失。在小程序中，两者是分开的，并在不同的线程中运行。

网页开发可以在浏览器中调用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 ';

//请求日期