该系统是自己模仿手机app写的,包括新闻列表、时间选择器、FAQ、会议管理、预定页面,设置,个人中心等模块过程,只是用于练习,以边将来能快速开发。
首页样式 _________________________个人中心样式####
![](https://camo.githubusercontent.com/194ef920c832d99c9051a4c64dda308f2cff2319fe63f37651fa3a61f1d56038/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f30372f353962306263366238323635632e6a7067)
![](https://camo.githubusercontent.com/037142b273ad7c43e9960807ab781e6a8945b37b2283db3b173cd566ee93b2f6/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f30372f353962306263366234373531342e6a7067)
修改密码样式(登陆后用户修改)_______________________________________倒计时验证码
![](https://camo.githubusercontent.com/2c251ee571827f626543310444db1165615c082e09aa5f98eec84b9ea0c69e1e/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f30382f353962323539393632386362352e706e67)
![](https://camo.githubusercontent.com/cc2e90bf3abedff34a95ffa9bc5429a2a40bc5ae45644e9287a6dc6b28dc7aa7/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f31392f353963306638343764346338302e706e67)
新闻列表________________________________________________________新闻详情
![](https://camo.githubusercontent.com/a08afc2b184bb6f527e3a2f2f8611e9dc1961db6f13bb425861fa21cfc55250d/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f30382f353962323539393633613231332e6a7067)
![](https://camo.githubusercontent.com/a24c146fde6138e5fb82b3082f1bb6ef132e40aecad76fa1e5fa64f97583aeb0/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f30382f353962323539393632613637612e6a7067)
通知列表________________________________________________________通知详情
![](https://camo.githubusercontent.com/70922d81eff58b498baee8d59470f4098b0bd864ba45ed70f559f3a08488ed66/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f30382f353962323539393633643832352e6a7067)
![](https://camo.githubusercontent.com/a2fc5e48e39c139bc0f8f054a4be6f8d5a717c4fba1bf062470a0a03e0541bdf/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f30382f353962323539393565393964332e6a7067)
招聘列表________________________________________________________招聘详情
![](https://camo.githubusercontent.com/1f22b94f87adb613860855a0b8fae30d409743ddca6923c841a6cb468f3c22b7/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f30382f353962323539393631643161302e6a7067)
![](https://camo.githubusercontent.com/a5a6eec82ac387b012291899c23a80f2b61367e108916e7ba29e14df07c1db13/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f30382f353962323539393564383635622e6a7067)
考勤列表________________________________________________________考勤详情
![](https://camo.githubusercontent.com/fdb70d4bd4ffb68d39b422d4dc4a3a9fde6057e764c0e9bff384a03cece07367/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f31392f353963306638343832623236312e706e67)
![](https://camo.githubusercontent.com/a57131cbc93689e4328c4b956bfb02f9dbc22ca76e4fcb4a4c5445d6cb9cf211/68747470733a2f2f6f6f6f2e306f302e6f6f6f2f323031372f30392f31392f353963306638343763626162312e706e67)
审批历史________________________________________________________钱包
![](https://camo.githubusercontent.com/b3e6a68ae723d8e3966f1b064dfb1d12dabbc9e85fe41d4f1835244be4cdc811/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f31392f353963306638343834343064382e706e67)
![](https://camo.githubusercontent.com/bf08327364a228e8040269775272aa9682199132ed7e31f7df241849e9ce36fe/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f31392f353963306638343930613262612e706e67)
日报主页________________________________________________________日期选择
![](https://camo.githubusercontent.com/bfafa1c500df01030e2d2ca6e3f906b0e79d0e95b3c12724c95e79bfbf80b8d7/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f32372f353963623333396561346333642e706e67)
![](https://camo.githubusercontent.com/67bdca792f065af647fcb1b2c6ac3b568e721855d7c87bbc146aa8adf939274f/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f32372f353963623333396536613131622e706e67)
日报编辑________________________________________________________日报编辑2
![](https://camo.githubusercontent.com/03501acc8d630584ad26e93e88faaa1eda3d8cfbd02e6e5e7715ac8fcb5f7daa/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f32392f353963646133393434323833312e6a7067)
![](https://camo.githubusercontent.com/2d8a67a8bb915cb30e1aab4bf489f12153d72ca777575b0aa5b2a9b4308b5aff/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f32392f353963646133393434376336352e706e67)
FAQ主页______________________________________________________FAQ
![](https://camo.githubusercontent.com/9000d97b40f821a17c11ab4265e97ca9c538022f5f5c954cf3719bea935c8ee3/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f32392f353963646133393434313739612e6a7067)
![](https://camo.githubusercontent.com/de4caaf0a8c1549245b48bb8082650070136563714ce2064a32ab2421a7fcfa5/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f32392f353963646133393434316230632e6a7067)
FAQ问题详情________________________________________晚餐预定
![](https://camo.githubusercontent.com/50fc079b5457501deef8642e96d81ca45bfc98b6db276422e015afb36b1fda5b/68747470733a2f2f692e6c6f6c692e6e65742f323031372f30392f32392f353963646133393435633836382e6a7067)
![](https://camo.githubusercontent.com/45bb2c19260c824c4659238cae24af22b4a57bde5805ea943bb424cfcd55c65c/68747470733a2f2f692e6c6f6c692e6e65742f323031372f31302f31332f353965303639313461626364322e6a7067)
晚餐预定弹框________________________________________取消晚餐预定
![](https://camo.githubusercontent.com/035b242daccaf79955a7b1c084155a1e7517dd73c4321d3bf8302d670040fd11/68747470733a2f2f692e6c6f6c692e6e65742f323031372f31302f31332f353965303639313531373436352e6a7067)
![](https://camo.githubusercontent.com/b3290accab54b11d13fdc387e61cd04bd0ef9ee4a778fcc8b798e15226c63318/68747470733a2f2f692e6c6f6c692e6e65742f323031372f31302f31332f353965303639313532396665372e6a7067)
晚餐预定弹框________________________________________取消晚餐预定
![](https://camo.githubusercontent.com/5386dba1c5f27416eedb61a48d2621176b9660adc14ece3687ed4ac7393caf88/68747470733a2f2f692e6c6f6c692e6e65742f323031372f31302f32342f353965656234316662333637622e6a7067)
其他页面后续完成
nodejs的express框架,ejs的模板语法,amazeui的样式基础
bin文件夹,www是服务器js,启动服务器的设置在此处修改
node_modules文件夹,项目需要的包(模块),由npm install导入
public文件夹,项目的静态文件
routes文件夹,项目的路由,后台部分
views文件夹,项目的页面文件夹
app.js项目的配置文件极其重要
package.json,项目的配置json
READ.md,自己写的总结,用于GitHub项目概览
- 直接下载到安装了node的机器上,并npm和express已经配置好
- cd到项目文件夹
- 如果node_modules文件夹不全,需要使用npm install导入包
- 使用npm start命令行启动项目
- 打开浏览器,访问localhost:3000即可打开页面,F12或使用手机查看(这里不细说,之前technology项目中有如何手机访问页面)