{"id":21570930,"url":"https://github.com/rexhang/arseeds-wx-h5","last_synced_at":"2025-03-18T06:15:10.937Z","repository":{"id":125628139,"uuid":"238444513","full_name":"rexhang/arseeds-wx-h5","owner":"rexhang","description":"arseeds活动H5页面","archived":false,"fork":false,"pushed_at":"2020-02-05T12:29:46.000Z","size":45192,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-24T12:45:42.206Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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":"2020-02-05T12:25:15.000Z","updated_at":"2020-02-05T12:29:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"88ed9e03-3b76-4914-986c-5b244bd8781f","html_url":"https://github.com/rexhang/arseeds-wx-h5","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%2Farseeds-wx-h5","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rexhang%2Farseeds-wx-h5/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rexhang%2Farseeds-wx-h5/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rexhang%2Farseeds-wx-h5/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rexhang","download_url":"https://codeload.github.com/rexhang/arseeds-wx-h5/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244166758,"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:17.305Z","updated_at":"2025-03-18T06:15:10.932Z","avatar_url":"https://github.com/rexhang.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 微信H5页面-前后端分离方式实现\n# 作者: 顾航（1134916452）\n# 时间: 2017.05.09\n# 仅供参考\n\n\n## 1.项目简述\n\n* 1.搭建Nond.js环境，安装下载关于gulp下相关插件包到本地目录。\n* 2.构建前端页面目录结构，规划前端架构。\n* 3.拆分前端静态页面，划分出视图层，控制层以及数据层。\n* 4.编写关于应用app的入口文件，构建路由，分发任务到各控制器、数据层。\n* 5.分别编写控制器、以及数据模型的数据交互，设计API接口与后台数据的调用。\n* 6.编写DOM操作相关的用户交互效果。\n* 7.编写Gulp自动化前端架构，处理前端的优化（代码和图片的压缩，代码合并，代码混淆，语法检测，浏览器自动更新，单元测试，整体测试等）功能性代码。\n\n\n## 2.环境搭建 Node.js环境\n\n\n* 3.目录划分\n  \u003e 目录结构\n\n    + wx_h5(项目名称) ------------------------------- 项目开发目录\n     - compile_sass ----------------------------------- sass编译为css的目录, 已自动化注入\n     - css -------------------------------------------- css目录, 已自动化引入注入\n     - injectFiles ------------------------------------ 文件inject样板目录, 已拷贝至根目录\n     - js --------------------------------------------- js目录, 已自动化引入注入\n     - lib -------------------------------------------- 第三方插件目录, 需要主动引入\n     - mock ------------------------------------------- 模拟接口数据\n     - ng-js ------------------------------------------ angularjs相关库\n     - node_modules ----------------------------------- Node模块\n     - sass ------------------------------------------ .scss文件编写目录, 自动编译至compile_sass\n     - template --------------------------------------- 路由模板目录\n     - webpack_build ---------------------------------- webpack构建目录\n     - app.js ----------------------------------------- 应用程序配置目录\n     - entrance.js ------------------------------------ webpack入口文件配置目录\n     - factory.app.js --------------------------------- app的factory配置\n     - gulpfile.js ------------------------------------ gulpfile配置目录\n     - index.html ------------------------------------- 应用程序入口文件\n     - package.json ----------------------------------- Node模块配置文件\n     - README.md -------------------------------------- 应用程序说明书\n     - webpack.config.js ------------------------------ webpack配置目录\n\n\n* 4.代码编写顺序\n\n    * 1）、通过cnpm install 安装相关包(注意：之前请先npm install -g cnpm –registry=https://registry.npm.taobao.org | npm install --global gulp | npm install webpack -g)\n    * 2）、编写路由配置文件，以分发到各个控制器、数据模型中处理事务。\n    * 3）、编写相关的控制器，抽离出service服务。\n    * 4）、编写相关指令文件，控制DOM操作元素。\n    * 5）、编写其它相关文件。\n    * 6）、编写gulp测试文件gulpfile.js用于对项目的架构，应用于正式环境的部署文面。\n    * 7）、编写单元测试文件与用户真实测试环境文件。\n    * 8）、改动./scss/*.scss文件会自动编译导入;\n    * 9）、改动./**/*.html文件会实时刷新浏览器;\n    * 10）、改动./template/**/*.Controller.js文件会自动刷新浏览器;\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frexhang%2Farseeds-wx-h5","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frexhang%2Farseeds-wx-h5","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frexhang%2Farseeds-wx-h5/lists"}