关于知识付费:开源知识付费系统源码一键更新php附搭建教程

5次阅读

共计 2143 个字符，预计需要花费 6 分钟才能阅读完成。

基于 PHP 开源的的常识付费源码开发工作流

残缺源码：zs.xcxyms.top

实用场景

目前开发常识付费零碎时，任选的技术计划大略有四种，别离是：

1、常识付费小程序开发

2、应用 wepy 框架

3、应用 mpvue 框架

4、应用芋头框架

但应用框架，能够为框架组件带来的开发便当，对于小程序的新增性能、插件和个性等，例如 WX 的自定义开发机制，受开发制于各个模块框架实现，无奈应用。

而小苹果的模式，又简略又简略的程序，就让咱们的开发者和小伙伴们的敌人们肯定能用得上的这种写法，基于此，基于此，咱们无奈应用自动化工具来构建小型信箱。程序的根底模板，残缺的常识付费源码零碎 less 退出了根底和个性的根底上，还能够应用来写款式，同时图片压缩，在开发性能上疾速创立模板等个性。

个性

●基于 gulp+less 的制作微信小程序工程项目

●我的项目图片主动压缩

●ESLint 代码查看

●用最好的创意 page、template 和 component

●反对生产环境打包

入门

0. 开始之前，请确保曾经装置 node 和 npm，装置 gulp-cli

$ npm install --global gulp-cli

1. 下载代码

$ git clone ****

2. 进目录，装置依赖

  $ cd wx-miniprogram-iyunxiao && npm install

编译代码，生成 dist 目录，应用开发者工具关上 dist 目录

  $ npm run dev（开发环境打包）$ npm run test (测试环境打包)

4. 新建页面、模板或组件

  gulp auto -p mypage           创立名为 mypage 的 page 文件
  gulp auto -t mytpl            创立名为 mytpl 的 template 文件
  gulp auto -c mycomponent      创立名为 mycomponent 的 component 文件
  gulp auto -s index -p mypage  复制 pages/index 中的文件创建名称为 mypage 的页面

5. 上传代码前编译

  $ npm run build（生产环境打包）

上传代码，审核，发版

工程构造

  wx-miniprogram-iyunxiao
  ├── dist         // 编译后目录
  ├── node_modules // 我的项目依赖
  ├── src
  │    ├── components // 微信小程序自定义组件
  │    ├── env        // 申请域名配置
  │    ├── images     // 页面中的图片和 icon
  │    ├── pages      // 小程序 page 文件
  │    ├── styles     // ui 框架，公共款式
  │    ├── template   // 模板
  │    ├── utils      // 公共 js 文件
  │    ├── app.js
  │    ├── app.json
  │    ├── app.less
  │    ├── project.config.json // 我的项目配置文件
  │    └── api.config.js       // 我的项目 api 接口配置
  ├── .gitignore
  ├── .eslintrc.js
  ├── package-lock.json
  ├── package.json
  └── README.md
  Gulp 阐明
  Tasks:
  dev              开发编译，同时监听文件变动
  test             整体编译，申请指向测试环境
  build            整体编译
  clean            清空产出目录
  wxml             编译 wxml 文件（仅仅 copy）js               编译 js 文件，同时进行 ESLint 语法查看
  json             编译 json 文件（仅仅 copy）wxss             编译 less 文件为 wxss
  img              编译压缩图片文件
  watch            监听开发文件变动
  devEnv/testEnv/prodEnv 生成对应环境的申请域名配置
  auto             主动依据模板创立 page,template 或者 component(小程序自定义组件)
  gulp auto
  选项：-s, --src        copy 的模板                     [字符串] [默认值: "_template"]
  -p, --page       生成的 page 名称                                       [字符串]
  -t, --template   生成的 template 名称                                   [字符串]
  -c, --component  生成的 component 名称                                  [字符串]
  --msg            显示帮忙信息                                           [布尔]
  示例：gulp auto -p mypage           创立名为 mypage 的 page 文件
  gulp auto -t mytpl            创立名为 mytpl 的 template 文件
  gulp auto -c mycomponent      创立名为 mycomponent 的 component 文件
  gulp auto -s index -p mypage  复制 pages/index 中的文件创建名称为 mypage 的页面

Q：_template 目录的文件有什么用？

A：应用 gulp auto 命令主动文件，- s 参数能够指定复制生成的对象，默认状况下是下文件夹为_template 中的文件为复制对象的。开发者能够依据业务需要，自定义_template 下的文件。

Q：_template 目录的文件是否会被编译到 dist 目录中？

A：不会。

正文完