{"id":21570915,"url":"https://github.com/rexhang/h5express","last_synced_at":"2025-03-18T06:15:03.057Z","repository":{"id":125628683,"uuid":"101717129","full_name":"rexhang/h5Express","owner":"rexhang","description":"基于AngularJs打造的适用于多场合的综合型脚手架 - by rexhang","archived":false,"fork":false,"pushed_at":"2018-01-22T13:57:37.000Z","size":1915,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-24T12:45:41.681Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://github.com/rexhang/h5Express","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rexhang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-08-29T03:58:33.000Z","updated_at":"2020-04-07T05:24:50.000Z","dependencies_parsed_at":null,"dependency_job_id":"b0272d44-a51d-4f72-a779-c95b75aa08a4","html_url":"https://github.com/rexhang/h5Express","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rexhang%2Fh5Express","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rexhang%2Fh5Express/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rexhang%2Fh5Express/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rexhang%2Fh5Express/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rexhang","download_url":"https://codeload.github.com/rexhang/h5Express/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244166759,"owners_count":20409179,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-24T11:14:15.130Z","updated_at":"2025-03-18T06:15:03.051Z","avatar_url":"https://github.com/rexhang.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# h5Express脚手架 Power By AngularJs\n## 作者: 顾航(rexhang)\n## 时间: ~~2015.06.20~~\n## ==代码部分仅供参考==\n\n\n### 1.项目简述\n\n- \u003e 搭建Nond.js环境，安装下载关于gulp下相关插件包到本地目录。\n- \u003e 构建前端页面目录结构，规划前端架构。\n- \u003e 拆分前端静态页面，划分出视图层，控制层以及数据层。\n- \u003e 编写关于应用app的入口文件，构建路由，分发任务到各控制器、数据层。\n- \u003e 分别编写控制器、以及数据模型的数据交互，设计API接口与后台数据的调用。\n- \u003e 编写DOM操作相关的用户交互效果。\n- \u003e 编写Gulp自动化前端架构，处理前端的优化（web服务器，ES6编译，代码和图片的压缩，代码合并，代码混淆，语法检测，浏览器自动更新，单元测试，整体测试等）功能性代码。\n- \u003e 使用webpack整合代码合并文件。\n\n\n### 2.环境搭建 基于Node.js下的web运行环境\n\n\n### 3.目录划分\n  \u003e 目录结构\n\n- rex_cms(项目名称) --------------------------- 项目开发目录\n    - node_modules --------------------------------- Node模块\n\t - src ------------------------------------------ 应用代码目录\n\t   - api ------------------------------------------ api接口目录\n\t   - assets --------------------------------------- web图标资源\n\t   - bower ---------------------------------------- bower下载的文件目录\n\t   - css ------------------------------------------ css样式文件目录\n\t   - h5Static ------------------------------------- 单个h5页面目录\n\t   - img ------------------------------------------ 图片文件目录\n\t   - js ------------------------------------------- js文件\n\t   - lib ------------------------------------------ js插件\n\t   - ng-js ---------------------------------------- angularjs资源\n\t   - scss ----------------------------------------- scss样式文件目录\n\t   - template ------------------------------------- 路由模板\n\t   - webpack_build -------------------------------- webpack构建的文件目录\n\t   - app.js --------------------------------------- 路由配置文件\n\t   - directive.app.js ----------------------------- 自定义指令\n\t   - factory.app.js ------------------------------- 工厂服务\n\t   - index.html ----------------------------------- 应用入口文件\n\t - .bowerrc ------------------------------------- Bower目录配置文件\n\t - bower.json ----------------------------------- Bower下载的文件配置\n\t - entry.js ------------------------------------- Webpack入口文件配置模板\n\t - gulpfile.js ---------------------------------- Gulp配置文件\n\t - package.json --------------------------------- Node插件配置文件\n\t - README.md ------------------------------------ 开发说明\n\t - runlocal.bat --------------------------------- windows运行脚本\n\t - runwatch.bat --------------------------------- windows运行脚本\n\t - webpack.config.js ---------------------------- Webpack配置文件\n\n\n### 4.代码编写顺序\n\n1. \u003e 通过cnpm install 安装相关包(注意：之前请先npm install -g cnpm –registry=https://registry.npm.taobao.org | npm install --global gulp | npm install webpack -g)\n2. \u003e 编写路由配置文件，以分发到各个控制器、数据模型中处理事务。\n3. \u003e 编写相关的控制器，抽离出service、directive服务。\n4. \u003e 编写相关指令文件，控制DOM操作元素。\n5. \u003e 编写其它相关文件。\n6. \u003e 编写gulp测试文件gulpfile.js、编写webpack测试文件webpack.config.js用于对项目的架构，应用于正式环境的部署文面。\n7. \u003e 编写单元测试文件与用户真实测试环境文件。","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frexhang%2Fh5express","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frexhang%2Fh5express","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frexhang%2Fh5express/lists"}