小程序开发项目目录结构和功能说明

2020年11月03日

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page,项目框架搭建成功后,可以看到微信小程序的目录结构非常简单:根目录结构是,一个pages文件夹,同级目录还有三个文件(app.js、app.json、app.wxss),pages文件夹存放所有页面。 对实际项目结构目录进行改造: 在根目录下创建images文件夹用来存放图片; 创建utils文件夹用来存放公共js文件,比如,表单验证函数库(还可以包含时间格式化模块formatTime,域名配置模块domainConfig,省市区三级内容模块city): 在utils文件夹下面新建validater.js文件,var validater = {...some function}创建对象封装一系列函数,最后导出module.exports.validater = validater; 在根目录脚本文件app.js中载入,letvalidater = require('utils/validater.js'); || import { validater } from 'utils/validater';两种方式均可,并在项目的整个生命周期函数上注册App({validater: validater});。(node的module遵循CommonJS规范,requirejs遵循AMD,seajs遵循CMD) 在实际页面进行调用,getApp().validater.isEmail(value),对具体value值进行处理 当然,项目的整体配置可根据项目要求进行灵活搭配,目录结构和功能可依据需求进行定制。

最近的知识