集客魔方H5项目目录结构

znyx-h5

│  .gitignore   -- git 忽略文件配置

│  App.vue

│  main.js  -- 已挂载 store 在页面中可直接使用  this.$store

│  manifest.json  -- 项目发布相关配置文件

│  pages.json  -- 页面配置文件

│  uni.scss  -- uni-app 内置样式变量配置文件

├─api  -- 网络请求全部放这里管理   没有对应的模块可执行添加 添加完后需要导入 index.js

│      index.js  -- 统一导入到此文件

│      prom.js  -- 活动相关接口

│      strategy.js  -- 攻略数据相关接口

│      user.js  -- 用户相关接口

├─common  -- 第三方工具 、自行封装的工具放这里管理

│      amap-wx.js  -- 高德地图

│      html-parser.js  -- html转换rich-text数组

│      http.js -- 网络请求封装

│      qrcode.js -- 前端生成普通二维码

│      util.js  -- 自行封装的工具

├─components  -- 第三方组件、自行封装的组件放这里管理

│      banner.vue  -- banner组件

│      consultation.vue  -- 在线咨询浮动按钮组件

│      segment.vue -- 项目核心组件

├─config  -- 配置文件管理

│      appsetting.js  --  第三方key 、常用配置

├─pages  -- 这个目录只放项目首页

│  └─index

│          index.vue

├─static  -- 静态文件管理  图标统一放入icon文件夹  其他页面相关的可自行创建

│  │  logo.png

│  │

│  ├─icon  -- 图标相关图片放此处管理

│  │      dianh.png

│  │      dianp.png

│  │      fenx.png

│  │      home.png

│  │      icon-close.png

│  │      location.png

│  │      msg.png

│  │      view.png

│  │

│  ├─lottery  -- 抽奖相关

│  │      prize-bg.png

│  │      tip.png

│  │      y_bg.png

│  │

│  └─mine  -- 个人中心相关

│          voucher1.png

│          voucher2.png

├─store  -- vue store仓库管理  模块化 需要自行创建

│  │  getters.js

│  │  index.js

│  │

│  └─modules

│          jscode.js

│          user.js

├─style  -- 样式文件管理  后缀统一 wxss

│      lottery.wxss  -- 抽奖相关

│      promotion.wxss  -- 活动相关

│      redpack.wxss  -- 红包相关

│      segment.wxss  -- 核心组件相关

│      union.wxss  -- 活动相关

├─unpackage  -- 项目发布文件管理 不要在这里边创建任何文件

└─view  -- 页面文件管理  创建文件需要与小程序路径一致

├─component  -- 主包管理

│  ├─mine  -- 个人中心

│  │      mine.vue

│  │

│  └─promotion  -- 活动

│          union.vue

└─packageSub  -- 分包管理

└─ticket  -- 代金券

list.vue  -- 我的卡包(代金券列表)

原文地址:https://www.cnblogs.com/Leesttee/p/12257609.html

时间: 2024-08-30 10:53:22

集客魔方H5项目目录结构的相关文章

百度Baidu EFE team的前端规范——项目目录结构规范

项目目录结构规范 简介 该文档主要的设计目标是项目开发的目录结构保持一致,使容易理解并方便构建与管理. 编撰 李玉北.erik.黄后锦.王杨.张立理.赵雷.陈新乐.刘恺华. 本文档由商业运营体系前端技术组审校发布. 要求 在本文档中,使用的关键字会以中文+括号包含的关键字英文表示:必须(MUST).关键字"MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT"

Laravel项目目录结构说明

Laravel项目目录结构说明: |- vendor 目录包含你的 Composer 依赖模块及laravel框架. |- bootstrap 目录包含几个框架启动跟自动加载配置的文件. |- app.php |- autoload.php |- config 应用程序的配置文件. |- database 数据库迁移与数据填充文件. |- public 项目web入口和静态资源文件 (图片.js.css,字体等等). |-index.php 入口 |- resources 目录包含视图.原始的资

基于Maven管理的JavaWeb项目目录结构参考

通常在创建JavaWeb项目时多多少少都会遵循一些既定的比较通用的目录结构,下面分享一张基于Maven管理的JavaWeb项目目录结构参考图: 上图仅是参考,不同项目不同团队都有自己的约定和规范. 个人体会: 项目目录结构一旦约定和规范之后,每个团队成员自我约束和遵守规范才是整个目录结构不随项目的进展而变得越来越不清晰的根本.

[Android系列—] 2. Android 项目目录结构与用户界面的创建

前言 在 [Android系列-] 1. Android 开发环境搭建与Hello World 这一篇中介绍了如何快速搭建Android开发环境, 并成功了建立一个没有任何代码更改的 Android 应用程序. 接下来, 就得看看 1. 使用 Eclipse  创建的APP 有哪些目录和文件 2. 如何创建一个比Hello World 高级的一个用户界面 appcompat_v7 在创建 MyFirstApp 的 Android 项目时, 会发现在项目路径下多出了一个 appcompat_v7

学习一份百度的项目目录结构规范

项目目录结构规范 简介 该文档主要的设计目标是项目开发的目录结构保持一致,使容易理解并方便构建与管理. 编撰 李玉北.erik.黄后锦.王杨.张立理.赵雷.陈新乐.刘恺华. 本文档由商业运营体系前端技术组审校发布. 要求 在本文档中,使用的关键字会以中文+括号包含的关键字英文表示:必须(MUST).关键字"MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT"

MVVM 模式下iOS项目目录结构详细说明

?更多技术干货请戳:听云博客 我们在做项目的时候,会经常用到各种设计模式,最常见的要数 MVC (模型,视图,控制器)了.但是,今天我们要说的是另一种设计模式——MVVM. 所以 MVVM 到底是什么?下面,我们将结合代码,说明 MVVM 设计模式以及项目目录结构. 一.MVVM 模式介绍  MVVM 是 Model-View-View Model 的缩写,MVVM 听起来好像很复杂的样子,但它本质上就是MVC 的改进版.MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和

iOS开发总结——项目目录结构

1.前言 清晰的项目目录结构有利于项目的开发,同时也是软件架构的一部分,所以,项目开发之初搭建项目的目录结构很重要.刚转iOS时,自己并不知道如何搭建App的项目目录,在参与开发两个应用后,结合Web开发的目录习惯我整理了自己的目录结构.分享一下,欢迎交流. 2.我的项目目录结构 项目目录 ├── ThirdLib(三方库) │ ├── SDWebImage │ └── AFNetworking ├── Framework(自己封装的类库) ├── General(通用类目录) │ ├── Cl

maven项目目录结构

1.创建maven项目目录结构 创建Maven项目必须按照maven项目约定的目录结构进行 除了mavenDemo是可变的之外,其余的目录结构,以及文件夹名称,pom.xml名称必须严格符合maven标准 原文地址:https://www.cnblogs.com/cdcr/p/9657093.html

<<Modern CMake>> 翻译 2.4 项目目录结构

<<Modern CMake>> 翻译 2.4 项目目录结构 本节内容有点跑题.但我认为这是一个很好的方法. 我将告诉你如何规划项目的目录. 这是基于惯例,但将帮助您: 轻松阅读其他按照相同模式的项目, 避免导致冲突的模式, 避免混淆和使构建变得复杂. 首先,如果您的项目被叫做 project,包含一个链接库叫做 lib,一个可执行文件叫做 app, 那么您的文件目录应该类似以下结构: - project - .gitignore - README.md - LICENCE.md