最近遇到很多同学做毕业设计，其中有一项是用户点评与提交。功能并不复杂，同学们又不会，做为一个完整的功能，如果用wex5来设计开发，事半功倍。今天就以景区实战来向大家展示wex5的高效与强大。半天可以设计完成。来看效果
一 效果演示：
二 设计思路：
根据景点id,图片id,用户id,过滤了当前评论id,基于wex5的data与组件绑定来实现
三 数据库设计:
1 用户
2 景区
3 城市
4 评论
三 前端界面设计与代码实现
1 门户页
window.userUUID = justep.Bind.observable();
window.userState = justep.Bind.observable();
用户ID和登陆状态，用全局变量控制，并赋于可观察属性，用于页面绑定。相关教程看我博文（全局可观察变量）
window.userUUID="C755FC6F0B500001808552F016903AE0";
window.userState="1";
门户页测试给值，便于测试。打包后可以注释掉。
2 根据城市过滤景区
城市选择是一个下拉列表，根据change事件得到选中值，并触发景区viewData过滤并异步刷新
3 点击景区进入景区详情页
将景区id传到详情页
4 景区和评论过滤
四 发表评论切换，并控制评论框弹出与隐藏，
1 先看效果：
发表评论按钮 ，点击后，切换成取消评论
确定发表后，如果评论过，将评论框隐藏，否则如果内容不为空，将评论提交。
2 发表评论与取消评论，同一个按钮，显示文字label切换
this.commentState 在model中定义为boolean变量，用于点于切换
$(".commentInput")为textarea对像，用css选择器先择后，用jQruery方法下拉与上滑。
3 提交评论数据
逻辑不复杂，进行了注释。
4 评论至顶，用data组件的自带orderby，真是超简单。
5 手机号码*号显示与拼接
用绑定当前行的方法，强制转换成字符串，进行substring，然后多行拼接。得到手机号码151******3123的形式。真是简单高效。
五 通过wex5制作评论提交，可以得出以下几点：
1 wex5开发效率高，代码量少
2 绑定技术，js综合运用，界面UI设计更灵活
3 数据与代码逻辑简单易懂