Crowdfunding:Page functions
从今天开始我们来学习一个项目:叫众筹网,单体架构版。
首先根据项目的页面原型来了解下该项目的功能:
一、首页(自上而下的介绍)
1、登录+注册
功能:登录+登录身份选择+记住我+找回密码+注册+注册身份选择+参数校验,登录界面没有账号就选我要注册,然后跳转注册页面,注册界面有账号就选我有账号,然后就跳转到登录页面。
2、轮播图(放置一些广告之类的,需要用户交一定的费用才能将这么好的位置给他们。)
功能:点击广告进入项目的详情页(后面介绍)。
3、广告位(和轮播图一样,位置的显眼长度稍次于轮播图,也是需要用户交一定费用才可以。)
功能:点击广告进入项目的详情页(后面介绍)。
4、分类+更多(首页展示前几个项目,当然首页能够展示出来的前几个,和前面的广告位也是同样的道理,只不过没有那么的显眼。)
功能:点击项目进入项目的详情页(后面介绍)。
5、页面底部
功能:都是超链接
6、会员中心(由用户登录之后选择会员中心,接着跳转进去该页面)
功能:左侧登录名的显示+实名认证(基本信息填写+选择本地图片接着会在页面显示出来进行浏览,接着上传图片+填写邮箱+发送或者重新发送邮箱验证码,填写验证码并点击申请完成进行验证码的验证,验证成功跳转到会员中心首页)+资产总览【我的钱包+理财+比例】(这一部分不做实现,利用前端技术进行美化展示【点击效果】)+我的众筹(我支持的【全部+已支付+未支付+删除订单+交易详情】+我关注的【取消关注】+我发起的【全部+众筹众+众筹成功+众筹失败+项目预览+修改项目+删除项目+问题管理】)。
从该页面左侧开始介绍:
登录之后,点击图上的会员中心:
左侧用户信息及导航:
左侧登录名的显示:(用户登录进去之后,页面动态获取用户名信息进行显示。)
实名认证功能:(点击未实名认证按钮进入认证页面。)
接着就是用户信息的上传:(基本信息的填写+选择并浏览本地图片并上传图片+填写邮箱地址+邮箱验证码验证)
在申请确认的时候有个验证码验证功能:(重新发送验证码+验证码验证功能)
资产总览页:(不做实现,暂时利用前端技术进行美化静态展示【点击效果】。)
我的众筹(我支持的【全部+已支付(动态)+未支付(动态)+删除订单+交易详情】+我关注的【取消关注】+我发起的【全部+众筹众+众筹成功+众筹失败+项目预览+修改项目+删除项目+问题管理】)、众筹资产。
项目订单信息的动态展示:
7、发起众筹(同级的还有众筹首页、项目总览、发起项目、我的众筹,项目总览后面会介绍)
功能:众筹项目信息的填写【项目图片和项目详情图的上传以及参数校验】+回报设置【添加回报、上传图片、参数校验、预览】+项目信息确认【信息的填写、右侧易购账号名的动态显示、保存草稿功能】+完成后可以点击我的众筹进行查看。
8、项目总览
功能:分类列表的显示(项目点击进入项目详情页,后边会介绍)+项目的搜索。
9、项目详情(由于是静态,所以页面详情暂时都是一样的。)
功能:项目的关注+立即支持(选择支持项)+金额限制模式的支持+项目数据的排版展示(项目推荐【超链接】)+支持结算付款以及结算确认(由于付款不了无法查看付款和付款成功的页面)+页面上拉+参数校验。
10、后台展示(不对后台所有功能进行实现,主要实现权限管理这一模块。)
功能:控制面板+权限管理(用户维护+角色维护+许可维护【数据库操作】),业务审核(实名认证审核+广告审核+项目审核【数据库操作】),业务管理(资质维护+分类管理+流程管理+广告管理+消息模板+项目分类+项目标签【数据库操作】),参数管理(数据列表的显示数量的设置)。