Crowdfunding：Page functions

Crowdfunding：Page functions

 

从今天开始我们来学习一个项目：叫众筹网，单体架构版。

首先根据项目的页面原型来了解下该项目的功能：

一、首页（自上而下的介绍）

1、登录+注册

功能：登录+登录身份选择+记住我+找回密码+注册+注册身份选择+参数校验，登录界面没有账号就选我要注册，然后跳转注册页面，注册界面有账号就选我有账号，然后就跳转到登录页面。

         

2、轮播图（放置一些广告之类的，需要用户交一定的费用才能将这么好的位置给他们。）

功能：点击广告进入项目的详情页（后面介绍）。

3、广告位（和轮播图一样，位置的显眼长度稍次于轮播图，也是需要用户交一定费用才可以。）

功能：点击广告进入项目的详情页（后面介绍）。

4、分类+更多（首页展示前几个项目，当然首页能够展示出来的前几个，和前面的广告位也是同样的道理，只不过没有那么的显眼。）

功能：点击项目进入项目的详情页（后面介绍）。

5、页面底部

功能：都是超链接

6、会员中心（由用户登录之后选择会员中心，接着跳转进去该页面）

功能：左侧登录名的显示+实名认证（基本信息填写+选择本地图片接着会在页面显示出来进行浏览，接着上传图片+填写邮箱+发送或者重新发送邮箱验证码，填写验证码并点击申请完成进行验证码的验证，验证成功跳转到会员中心首页）+资产总览【我的钱包+理财+比例】（这一部分不做实现，利用前端技术进行美化展示【点击效果】）+我的众筹（我支持的【全部+已支付+未支付+删除订单+交易详情】+我关注的【取消关注】+我发起的【全部+众筹众+众筹成功+众筹失败+项目预览+修改项目+删除项目+问题管理】）。

从该页面左侧开始介绍：

登录之后，点击图上的会员中心：

左侧用户信息及导航： 

左侧登录名的显示：（用户登录进去之后，页面动态获取用户名信息进行显示。）

实名认证功能：（点击未实名认证按钮进入认证页面。）

       

接着就是用户信息的上传：（基本信息的填写+选择并浏览本地图片并上传图片+填写邮箱地址+邮箱验证码验证）

在申请确认的时候有个验证码验证功能：（重新发送验证码+验证码验证功能）

资产总览页：（不做实现，暂时利用前端技术进行美化静态展示【点击效果】。）

我的众筹（我支持的【全部+已支付（动态）+未支付（动态）+删除订单+交易详情】+我关注的【取消关注】+我发起的【全部+众筹众+众筹成功+众筹失败+项目预览+修改项目+删除项目+问题管理】）、众筹资产。

项目订单信息的动态展示：

7、发起众筹（同级的还有众筹首页、项目总览、发起项目、我的众筹，项目总览后面会介绍）

功能：众筹项目信息的填写【项目图片和项目详情图的上传以及参数校验】+回报设置【添加回报、上传图片、参数校验、预览】+项目信息确认【信息的填写、右侧易购账号名的动态显示、保存草稿功能】+完成后可以点击我的众筹进行查看。

8、项目总览

功能：分类列表的显示（项目点击进入项目详情页，后边会介绍）+项目的搜索。

9、项目详情（由于是静态，所以页面详情暂时都是一样的。）

功能：项目的关注+立即支持（选择支持项）+金额限制模式的支持+项目数据的排版展示（项目推荐【超链接】）+支持结算付款以及结算确认（由于付款不了无法查看付款和付款成功的页面）+页面上拉+参数校验。

10、后台展示（不对后台所有功能进行实现，主要实现权限管理这一模块。）

功能：控制面板+权限管理（用户维护+角色维护+许可维护【数据库操作】），业务审核（实名认证审核+广告审核+项目审核【数据库操作】），业务管理（资质维护+分类管理+流程管理+广告管理+消息模板+项目分类+项目标签【数据库操作】），参数管理（数据列表的显示数量的设置）。