hoyi-web[java] 用户控件的使用
来源:互联网 发布:php和java哪个好找工作 编辑:程序博客网 时间:2024/04/30 17:44
hoyi-web 是专门一个专门针对java web而做的一套web框架,目前在多个App开发,及后台管理的项目上使用。hoyi的基础教程可以在Youku上搜索HOYI教程获得。
今天介绍下hoyi-web的用户控件usercontrol的使用。
<!DOCTYPE html><html><span style="white-space:pre"></span><head><span style="white-space:pre"></span><meta charset="UTF-8"><span style="white-space:pre"></span><title>Insert title here</title><span style="white-space:pre"></span></head><span style="white-space:pre"></span><body><span style="white-space:pre"></span><div id="left"><span style="white-space:pre"></span><hoyip:UserControl Id="repdemo" src="usctrls.demo1ctrls" ></hoyip:UserControl><span style="white-space:pre"></span></div><span style="white-space:pre"></span><div id="right"><span style="white-space:pre"></span><span style="white-space:pre"></span></div><span style="white-space:pre"></span><span style="white-space:pre"></span><span style="white-space:pre"></span><span style="white-space:pre"></span></body></html>
demo1ctrls.hoyip.html
<p> 这里是demo1ctrls 的用户控件. </p>
在多个页面相同的逻辑上可以使用UserControl来做。
UserControl可以使用Js来直接访问后台的方法。
例如:用户控件内些方法TestControl,我们让他加载就访问,看下效果
Demo1.hoyip.html
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script src="js/jquery-2.1.3/jquery-2.1.3.js"></script><script src="js/hoyi-req.js"></script></head><body><div id="left"><hoyip:UserControl Id="repdemo" src="usctrls.demo1ctrls" ></hoyip:UserControl></div><div id="right"></div></body></html>
demo1.java
package WebRoot;import org.hoyi.dishop.Hoyipage;import org.hoyi.wb.comment.RequestMode;import org.hoyi.wb.comment.RequestType;import org.hoyi.web.ctrls.UserControl;@RequestMode(MODE={ RequestType.POST, RequestType.GET})public class Demo1 extends Hoyipage{UserControl repdemo = new UserControl("repdemo", pageroot);}
demo1ctrls.java
package WebRoot.usctrls;import org.hoyi.dishop.Hoyipage;import org.hoyi.wb.comment.RequestMode;import org.hoyi.wb.comment.RequestType;@RequestMode(MODE={ RequestType.POST})public class demo1ctrls extends Hoyipage{@RequestMode(MODE={ RequestType.POST})public void TestUserControl(){this.WriteUTF8JSONDATA("AAA");}}
再测试下,将demo1ctrls.hoyip.html 内容置空,把POST请求放到Demo.hoyip.html中
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script src="js/jquery-2.1.3/jquery-2.1.3.js"></script><script src="js/hoyi-req.js"></script><script type="text/javascript">var pdata ={"behavior":"TestUserControl"};HOYI_POST(pdata, function(rdata, status){alert("msg:" + rdata.msg + ",status:" + rdata.status + ",data:" + rdata.data);});</script></head><body><div id="left"><hoyip:UserControl Id="repdemo" src="usctrls.demo1ctrls" ></hoyip:UserControl></div><div id="right">啊啊啊阿斯顿发阿三地方啊水电费阿迪斯发的啊 </div></body></html>
package WebRoot;import org.hoyi.dishop.Hoyipage;import org.hoyi.wb.comment.RequestMode;import org.hoyi.wb.comment.RequestType;import org.hoyi.web.ctrls.UserControl;@RequestMode(MODE={ RequestType.POST, RequestType.GET})public class Demo1 extends Hoyipage{UserControl repdemo = new UserControl("repdemo", pageroot);}
package WebRoot.usctrls;import org.hoyi.dishop.Hoyipage;import org.hoyi.wb.comment.RequestMode;import org.hoyi.wb.comment.RequestType;@RequestMode(MODE={ RequestType.POST})public class demo1ctrls extends Hoyipage{@RequestMode(MODE={ RequestType.POST})public void TestUserControl(){this.WriteUTF8JSONDATA("AAA");}}
得到的效果跟之前是一样的,
这样有个好处是,方法的集合可以使用UserControl来模块化,界面的也可以使用UserControl来模块化。
Demo下载地址:http://pan.baidu.com/s/1qWpHuxe
0 0
- hoyi-web[java] 用户控件的使用
- hoyi web[java] 用户控件UserControl和母版页MasterPage使用
- c# web 用户控件的使用
- ASP.NET母版页和Web用户控件的使用
- Asp.Net中Web用户控件与Web自定义控件的区别和使用建议
- 用户控件的使用
- 用户控件的使用
- 使用IE Web 控件和Web用户控件
- 开发和使用Web用户控件
- 开发和使用Web用户控件
- 开发和使用Web用户控件
- 开发和使用Web用户控件
- Web 用户控件与 Web 自定义控件的区别
- WEB用户控件和WEB自定义控件的区别
- 关于 Web 用户控件与 Web 自定义控件的建议
- Web用户控件中DropDownList的初始化
- 关于Web用户控件的书写
- Web用户控件中DropDownList的初始化
- C语言开发总结(五)
- Spring+SpringMVC+mybatis+easyui整合实例(一)实例介绍
- ATL动态库调试总是链接到其它路径下的可执行程序
- 利用 jquery flot 生成柱状图
- java io 流整理
- hoyi-web[java] 用户控件的使用
- 基于Ubuntu14.04的Hadoop2.6.0完全分布式安装
- 单源最短路-SPFA(poj2387)
- AngularJS中$http.jsonp跨域请求问题
- UIColor (16进制颜色、透明色使用)
- iOS开发笔记-UITableView的单选
- (几个gradle)gradle工程的环境搭建----安装gradle
- AKKA文档(java版)—角色
- Spring Security3 - MVC 整合教程 (初识Spring Security3)