利用maven创造webx3项目——实现简单的留言板（五）

利用maven创建webx3项目——实现简单的留言板（五）

?

创建后目录结构为：

?

? ? ? ? ? ?

?

在webapp/messageBoard/templates中创建页面的结构；

?

control目录中主要存放页面上的公共按钮模板；

?

layout目录中主要存放页面的布局模板；

?

screen目录中主要存放页面的主体内容模板；

?

?

文件的源码为：

?

screen/index.vm ??

?

这个页面是用户的登陆页面，包括两个输入框和三个按钮。

?

?

?
?
关于上述页面的解释》：
?
$csrfToken.hiddenField为了防止csrf攻击增加的一个token；

#set ($group = $form.login.defaultInstance)是提供表单验证的服务。

?<input type="hidden" name="action" value="userAction"/> 将信息提交到userAction.java

<input type="submit" value="登陆" name="event_submit_do_login"/>将信息提交给userAction.java的doLogin()方法

<input type="button" value="注册" onclick="location='$messageBoardLink.setTarget("register")'" /> 跳转到注册页面

#if (!$group.username.valid)
<p>$!group.username.message</p>
#end

上面的命令是如果表单验证失败会打印出form.xml中配置的错误信息。

<input type="text" name="$group.username.key" value="$!group.username.value"/> 绑定表单验证
?
?
?
?
screen/register.vm
?
这个页面是注册的表单页面
?
?
?
?
screen/message/addMessage.vm
?
增加留言的表单页面
?
?
?
?
screen/message/messageDetail.vm
展示留言详情的页面，没用到
?
screen/message/messageList.vm
?
展示留言列表的页面，这个页面把留言的所有信息都加展现出来了，还有对留言的删除修改功能。
?
?
?
?
?
screen/message/modifyMessage.vm
?
修改留言的页面，只能修改留言的标题和内容。
?
?
?
?
layout/default.vm
?
登陆页面的布局，包括顶端的欢迎信息和底端的版权信息
?
?
layout/message/default.vm
?
留言页面布局，包括欢迎信息、退出和版权信息
?
?