基于微信小程序实现日常学习打卡系统项目演示【附项目源码】--微信小程序文件目录

每一个微信小程序的开发，都必定包括一个 app—其主要功能是针对于小程序整体进行描述，以及一个 page—主要用于描述小程序的页面。在开发小程序时，微信小程序初始化的代码架构目录是十分简单明了的,仅仅显示了 2 个目录,即 pages 目录还有 utils 目录,以及 app.js、app.json、app.wxss 这 3 个应用文件。针对于 pages 目录来说，其主要功能相当于一个“存储器”，用来“存放”小程序的各个显示页面。一个页面对应着一个目录,目录里包含着 js 文件,wxml 文件,wxss 文件,json 文件这四个文件。如下图所示，pages 的目录里面主要存放着index 与 logs 这两个页面的构成文件。Utils 负责存放 js 库和数字格式化文件。如图 2-2 所示。

接下来要介绍的就是每个小程序都必须包括的 app.js、app.json、app.wxss 这三个文件,这三个文件是一个小程序的主体部分。且这 3 个文件的文件名都是固定的,是不可以进行随便修改的。以下表 2-1 对此三个文件进行详细介绍。

app.js 的文件是最先执行的文件。因为其首先要对程序的代码进行统一的定义，并统一处理全局的逻辑。从 app.js 的后缀名，我们就知道这部分用到了JavaScript 的代码。App 里面主要包含着 onLaunch 方法、getUserInfo 方法、globalData 全局变量数据。

onLaunch 方法内的程序将在小程序启动时被执行。以 wx.这个开头的都是系统“自带”的方法，需要使用时我们直接调用即可。每次输入 wx.时,系统会马上显示出其“自带”的自带方法。其中正如上图所示。wx.getStorageSync 是获取本地缓存的 logs 字段。unshift()方法将新的 log 内容和现在时间添加到数组的尾部。get UserInfo 自定义的方法用于获取用户信息。这里需要先判断用户信息是否为空，若用户信息为空则调用微信的登录接口。登录成功后，将用户 id 及身份标识存储在全局变量 globalData 里。app.json 文件是小程序的整体配置文件。在该文件中，必须配置小程序的组成页面，以及可根据实际需求配置整个小程序的统一的窗口背景色，导航条。样式，默认标题等内容。该文件不可添加任何注释。 app.json 是对当前小程序的全局配置。包括小程序的所有页面路径、界面窗口表现、网络超时时间、底部 tab 等。app.json 的配置是可以被其他页面相同的.json配置所覆盖的。

app.wxss 是整个小程序的公共样式表。主要是针对于小程序的样式进行一个总的控制。同样，这个文件中的样式也会被其他页面中.wxss 中的相同样式覆盖。

mysql 数据库它有很多的优点，例如它在操作上能够让人通俗易懂、功能强大、信息储存量高等优点。所以被人们广泛应用，对于mysql数据库来说它一般主要是对数据进行编码和查询，而且在很多的设计当中都应用到了该数据库，在此过程当中我们可以对常规的数据进行查询和组合，所以我们在进行使用mysql数据库的时候只要对编写一小段的数据就能实现相应的功能。数据库，就是数据存储的储藏室，只不过数据是存储在计算机上的，而不是现实中的储藏室，数据的存放是按固定格式，而不是无序的，则定义就是 ：长期有固定格式，可以共享的存储在计算机存储器上。数据库管理主要包括数据表的建立，数据存储、修改和增加数据，为了使数据库系统能够正常运行，相关人员进行的管理工作。数据表的建立，可以对数据表中的数据进行调整，数据的重新组合及重新构造，保证数据的安全性。