齐博x1第五季《项目实战-留言板》09-关闭表单页面
即时演示地址:http://x1.alaiyeshi.net/msgboard
上一节添加了一个关闭按钮,让其关闭状态无法提交
但是这样体验是也不好的,因为用户如果留言了一大段,却发现提交不了,就会感觉白写了,耽误了他的时间。
本节我们稍加改造,将其判断放到index方法里,这样可以直接关闭留言页面。
我们只需要简单的将判断代码,迁移到index方法上即可,我们再看演示
这样我们访问时,就提示关闭了,用户就不需要再写下提交不了的留言。
还有一种方法,我们可以直接把判断放到模板中,比如:
我们把开关变量传递到模版中,然后直接在模板中判断
利用eq标签做判断,如果变量是关闭状态,那么给表单添加disabled禁用属性即可,我们再访问看下:
这样体验是不是又更好了呢。
还有也可以直接做一个好看的关闭页面模板,在index方法中判断关闭时直接返回对应的关闭模版,
这样都是可以的,如果有用户跟着做此项目的不妨可以试一下。
到此我们为其命名为留言板1.04版本,即msgboard 1.04
来源: 神盾工作室 转载请注明出处!
查看更多评论