项目简介

本项目是基于jQuery和Webpack的通用网站开发方案，使用和部署都较为容易，适合刚入门的开发人员以及不使用vue等框架的开发者。项目集成了jquery、juicer和众多工具方法，但不支持低版本浏览器，也不适用于二次开发。同时新增了sitemap-webpack-plugin插件方便做搜索，HtmlWebpackPlugin暂时使用测试版防止favicon路径错误。

项目的主要特性和功能

技术集成

集成了jquery、juicer等库，采用Webpack作为模块打包工具，借助HtmlWebpackPlugin和sitemap-webpack-plugin等插件优化开发体验。

核心功能

1. 数据与事件处理：提供数据渲染和事件绑定机制，通过返回Promise控制页面加载进程。
2. 表单操作：具备获取、验证和设置表单数据的功能，使用时需在表单中定义相关属性。
3. 缓存管理：支持cookie和localStorage的设置、获取、删除及清空操作。
4. 工具方法：包含时间格式化、日期格式化、价格处理等多种实用工具方法。
5. 组件支持：有页面加载、ajax请求加载、提示信息、确认弹窗、列表状态控制等组件。
6. 配置灵活：提供项目环境、版本、ajax请求、页面等多方面的配置文件。
7. 静态数据：包含默认用户配置、字典库和正则表达式等静态数据。
8. 移动端适配：提供H5移动端配置及页面尺寸设置、页面栈控制等方法。

安装使用步骤

复制项目

bash

安装依赖

进入项目目录，执行以下命令： bash npm install

启动服务

bash npm run dev

开发注意事项

1. HTML：index页面位置勿移动，其余页面放views文件夹，且页面名字不能重复。
2. CSS：样式文件写在index.less里，lib已封装常用样式可直接用。
3. 数据与事件绑定：需返回Promise控制加载进程，事件绑定尽量用代理方式。

项目发布

bash npm run build 将dist目录文件拷贝到项目目录即可。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】