SmartCity_uniapp

介绍

智慧城市uniapp版

软件架构

项目基于Hbuildx 3.1.22 使用第三方库包括： lunch-request、UView、uni-app扩展组件、秋云Ucharts

使用说明

1. Hbuildx 导入后需安装saas插件
2. API服务器：http://124.93.196.45:10001/(API服务器由东软教育科技集团提供，本项目仅使用API实现功能，本人不具有任何修改及鉴权权限)

参与贡献

UI设计、编码：caleb

说明

实现功能：

应用主页面实现

任务说明： 1.App启动后，显示开屏广告1秒，进入主页面。 2.主页上方显示广告轮播图。 3.缴费服务项目快捷入口以图表+文件形式展现，包括：手机费、水费、电费、燃气费，点击图表进入对应的交费页面。 4.今日天气显示当天天气，信息包括：天气（不同的天气不用不同的图标显示）、当前温度、湿度、空气质量，跑马灯形式滚动显示，点击可以进入显示最近7天天气情况。 5.生活资讯栏目以列表形式显示，信息包括：封面、标题、发布时间，最多显示3条新闻，点击一条新闻显示新闻详情页，点击“更多”显示生活资讯页面。 6.底部导航包括：首页、缴费、智慧养老、我的，以图表+文字形式显示，点击“缴费”图表进入生活交费页面；点击“我的”进入个人中心页面。

手机缴费功能实现

在App首页的服务快捷入口处点击“手机费”进入手机缴费页面。 任务说明： 1.手机缴费页面，上方显示选择运营商（包括：中国移动、中国联通、中国电信，必须单选），中部显示手机号码录入框，输入框下方显示“查询”按钮，点击此按钮进入交费页面，按钮下方显示常用手机号列表，列表行信息包括：运营商名称、手机号、添加时间，点击行进入交费页面。点击右上角的交费历史图标进入交费记录页面。 2.交费页面，上方显示交费项目名称，项目名称下方显示交费手机号，手机号下方显示可供选择的交费金额（包括：50元、100元、200元，要求图片+文件形式显示），最后显示“去支付”按钮，点击此按钮支付成功，点击右上角添加常用手机号图标，保存当前手机号为常用手机号。 3.交费历史记录页以列表形式显示充值记录，信息包括：手机号、交费日期。

水费、电费、燃气费模块实现（此部分缺少数据）

在App首页的服务快捷入口处分别点击“水费”、“电费”、“燃气费”可以分别进入对应的欠费查询页面。 任务说明： 1.水费欠费查询页面，上方显示选择地区（必须单选）、中部显示水费号输入框、下方显示“查询”按钮，点击按钮后如果查询到欠费显示欠费交费页面。欠费交费页面显示信息包括：交费地区、水费号、欠费金额，点击“去支付”按钮支付欠费金额。点击右上角交费历史记录图标显示交费历史页，此页面以列表形式显示，每行信息包括：交费时间、交费金额、水费号。 2.电费欠费查询页面，上方显示选择地区（必须单选）、中部显示电费号输入框、下方显示“查询”按钮，点击按钮后如果查询到欠费显示欠费交费页面。欠费交费页面显示信息包括：交费地区、电费号、欠费金额，点击“去支付”按钮支付欠费金额。点击右上角交费历史记录图标显示交费历史页，此页面以列表形式显示，每行信息包括：交费时间、交费金额、电费号。 3.燃气费欠费查询页面，上方显示选择地区（必须单选）、中部显示燃气费号输入框、下方显示“查询”按钮，点击按钮后如果查询到欠费显示欠费交费页面。欠费交费页面显示信息包括：交费地区、燃气费号、欠费金额，点击“去支付”按钮支付欠费金额。点击右上角交费历史记录图标显示交费历史页，此页面以列表形式显示，每行信息包括：交费时间、交费金额、燃气费号。

最近7天天气功能实现

在App首页面上点击今日天气显示栏目进入最近7天天气页面。 任务说明： 1.上方显示当天天气情况，包括：当前温度、最好温度、最低温度、天气情况、空气质量、空气湿度（要求用圆形进度条标识）、体感温度、紫外线指数。 2.下方以列表的形式显示未来7天的天气情况，信息包括：日期、星期、天气、最高温度、最低温度。

生活资讯功能实现

在App首页面上点击生活资讯栏目的更多，进入新闻资讯页面。 任务说明： 1.新闻资讯页以列表方式显示，每行信息包括：封面、标题、发布时间、阅读数，点击一行进入资讯详情页。 2.资讯详情页面，上方显示资讯标题、发布日期，下方显示资讯内容，资讯内容下发如果有评论需要显示评论列表，底部显示发表评论输入框以及评论提交按钮，点击此按钮发布评论，评论列表上方显示点赞按钮（按钮以图片展现并显示点赞人数），点击此按钮可以点赞此资讯。

个人中心功能实现

点击App首页右上角的个人中心图标，进入用户个人中心页面。 任务说明： 1.首先进入个人中心页面，如果用户已登录，则显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口，点击退出按钮可退出登录。否则显示用户登录页面。 2.点击个人信息跳转至个人信息页面，标签栏显示本页面标题，点击返回图标可返回到上一页，点击修改可保存修改的信息，可修改内容为：头像、昵称、性别、联系电话，注：证件号只显示前两位与后四位数字其他使用*号代替。 3.点击修改密码可进入修改密码页面，标签栏显示本页面标题，点击返回图标可返回到上一页，输入原密码与新密码，点击确定按钮可保存修改的信息。 4.点击“交费记录”进入交费历史记录页面，页面上方显示tab切换不同交费类型，包括：水费、电费、燃气费、手机费，根据切换动态显示下方交费记录列表信息。 5.点击意见反馈可跳转至意见反馈页面，标签栏显示本页面标题，点击返回图标可返回到上一页，输入反馈的内容，字数限制在150字以内，点击提交可提交反馈的意见。