Click framework 快速入门指南

最新推荐文章于 2024-07-19 17:37:28 发布
最新推荐文章于 2024-07-19 17:37:28 发布
阅读量510 收藏
点赞数
分类专栏： JAVAEE 文章标签： stylesheet encoding java class header application 

 
 

  
  本章讨论的是如何快速组建一个web应用程序。只涉及基本的使程序能运行成功的部分， 不涉及IDE的配置。 
该快速入门程序包含在Examples文件夹下。 

接下去的主题将涵盖： 

web应用结构 
Jar文件 
Welcome File 
Home Page 
框架模板 
日志 
入门工程快速生成 

web应用结构 

首先在你的web程序WEB-INF 目录下添加click.xml 和web.xml 配置文件。 
click.xml 
你的click.xml应该包含： 

   
   

    
    

     
     

      
      Java代码 
      
      复制代码
     
     

    
    

    
    
  1. <?xml version="1.0" encoding="UTF-8"?>    
  2. <click-app>    
  3.   
  4.   <pages package="com.quickstart.page"/>   
  5.   
  6. </click-app>    

   
   



web.xml 
你的web.xml应该包含 


   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. <?xml version="1.0" encoding="UTF-8"?>   
  2. <web-app>   
  3.   
  4.   <servlet>   
  5.     <servlet-name>ClickServlet</servlet-name>   
  6.     <servlet-class>net.sf.click.ClickServlet</servlet-class>   
  7.     <load-on-startup>0</load-on-startup>   
  8.   </servlet>   
  9.      
  10.   <servlet-mapping>   
  11.     <servlet-name>ClickServlet</servlet-name>   
  12.     <url-pattern>*.htm</url-pattern>   
  13.   </servlet-mapping>   
  14.      
  15.   <welcome-file-list>   
  16.     <welcome-file>redirect.html</welcome-file>   
  17.   </welcome-file-list>   
  18.      
  19. </web-app>  

   
   


<?xml version="1.0" encoding="UTF-8"?>
<web-app>

  <servlet>
    <servlet-name>ClickServlet</servlet-name>
    <servlet-class>net.sf.click.ClickServlet</servlet-class>
    <load-on-startup>0</load-on-startup>
  </servlet>
  
  <servlet-mapping>
    <servlet-name>ClickServlet</servlet-name>
    <url-pattern>*.htm</url-pattern>
  </servlet-mapping>
  
  <welcome-file-list>
    <welcome-file>redirect.html</welcome-file>
  </welcome-file-list>
  
</web-app>



Jar文件 

把如下jar文件添加到你的程序的WEB-INF/lib目录下： 
click-1.x.jar 
click-extras-1.x.jar 

你可以在Click 的dist目录下获得这些文件。 

Welcome File 

为确保默认的请求被转发到 home page， 我们将在web程序根目录下新建 
redirect.html。 文件内容： 


   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. <html>   
  2. <head><meta http-equiv="Refresh" content="0;URL=home.htm"></head>   
  3. </html>    

   
   


<html>
<head><meta http-equiv="Refresh" content="0;URL=home.htm"></head>
</html>  



在web.xml中配置redirect.html， 使默认的请求都由该文件来提供服务。 
当浏览器执行redirect.html 时， 它将被转发到home.html页面。 

Home Page 

现在我们准备来添加我们的第一个Click页面来作为我们应用程序的主页。 
首先我们定义一个class HomePage ， 确保该class文件部署到应用程序 
的 WEB-INF/classes 目录 。 


   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. package com.quickstart.page;   
  2.   
  3. import net.sf.click.Page;   
  4.   
  5. public class HomePage extends Page {   
  6.   
  7. }   

   
   


package com.quickstart.page;

import net.sf.click.Page;

public class HomePage extends Page {

} 



我们在web主目录下添加相应的主页home.htm 。 


   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. <html>   
  2. <head>   
  3.   <title>Home</title>   
  4.   <link rel="stylesheet" type="text/css" href="style.css" title="Style"/>   
  5. </head>   
  6.   
  7. <body>   
  8.     
  9.   <div id="header">   
  10.     <span id="title">Home</span>   
  11.   </div>   
  12.   
  13.   <div id="container">   
  14.     <b>Welcome</b> to Home page your application starting point.   
  15.   </div>   
  16.     
  17. </body>   
  18. </html>   

   
   


<html>
<head>
  <title>Home</title>
  <link rel="stylesheet" type="text/css" href="style.css" title="Style"/>
</head>

<body>
 
  <div id="header">
    <span id="title">Home</span>
  </div>

  <div id="container">
    <b>Welcome</b> to Home page your application starting point.
  </div>
 
</body>
</html> 



在你的主目录下添加 style.css文件 


   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. body {   
  2.     font-family: Arial;   
  3. }   
  4.   
  5. #header {   
  6.     background-color: navy;   
  7. }   
  8.   
  9. #title {   
  10.     color: white;    
  11.     font-size: 18px;   
  12.     font-weight: bolder;   
  13. }   
  14.   
  15. #container {    
  16.     padding-top: 1em;   
  17.     padding-left: 1.5em;   
  18.     position: relative;   
  19.     z-index: 0;   
  20. }   
  21.   
  22. h3.title {   
  23.     margin-top: 0em;   
  24.     margin-bottom: 1em;   
  25. }  

   
   


body {
	font-family: Arial;
}

#header {
	background-color: navy;
}

#title {
	color: white; 
	font-size: 18px;
	font-weight: bolder;
}

#container { 
	padding-top: 1em;
	padding-left: 1.5em;
	position: relative;
	z-index: 0;
}

h3.title {
	margin-top: 0em;
	margin-bottom: 1em;
}



现在如果你web应用被部署到quickstart， 你应该能够生成如下请求： 
http://localhost:8080/quickstart/ 
你的浏览器被定位到HomePage ， 你应该能看到如下页面： 
 

在这个例子中，Click将对文件home.htm的请求自动映射到HomePage class， 
并使用该class来处理请求。 

框架模板（Border Template） 

现在我们打算建立一个页面框架模板，以便应用程序页面有一个统一的风格。 
首先在web根目录下建立文件border-template.htm。 此文件包含如下内容。 


   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. <html>   
  2. <head>   
  3. <title>Click Quickstart - $title</title>   
  4. <link rel="stylesheet" type="text/css" href="$context/assets/style.css" title="Style"/>   
  5. </head>   
  6.   
  7. <body>   
  8.     
  9.   <div id="header">   
  10.     <span class="title">$title</span>   
  11.   </div>   
  12.      
  13.   <div id="container">   
  14.     #parse($path)   
  15.   </div>   
  16.     
  17. </body>   
  18. </html>   

   
   


<html>
<head>
<title>Click Quickstart - $title</title>
<link rel="stylesheet" type="text/css" href="$context/assets/style.css" title="Style"/>
</head>

<body>
 
  <div id="header">
    <span class="title">$title</span>
  </div>
  
  <div id="container">
    #parse($path)
  </div>
 
</body>
</html> 


现在我们定义BorderPage 类， 并将border-template.htm 文件指定为他的 
模板。 



   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. package com.quickstart.page;   
  2.   
  3. import net.sf.click.Page;   
  4.   
  5. public class BorderPage extends Page {   
  6.   
  7.    public String getTemplate() {   
  8.       return "border-template.htm";   
  9.    }   
  10.   
  11. }  

   
   


package com.quickstart.page;

import net.sf.click.Page;

public class BorderPage extends Page {

   public String getTemplate() {
      return "border-template.htm";
   }

}



我们命名模板文件为border-template.htm ， 以便它不会自动地被Click映射 
我们的BorderPage 类。 
现在我们修改HomePage 类， 使其继承自BorderPage ， 并定义一个title字段。 



   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. public class HomePage extends BorderPage {   
  2.   
  3.     public String title = "Home";   
  4.   
  5. }   

   
   


public class HomePage extends BorderPage {

    public String title = "Home";

} 



修改home.htm， 将页面borber去掉。 home.html内容如下： 


   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. <b>Welcome</b> to Home page your application starting point.   

   
   


<b>Welcome</b> to Home page your application starting point. 


修改后的web应用程序文件如下： 

 

现在， 如果你将浏览器请求定位到更新后的页面，你应该能够看到和前面同样的页面。 

日志 

Click有一些自带的日志功能， 它们可以帮助你显示页面模板何时自动映射到 
页面class。 可以在click.xml中添加debug模块来激活debug日志。 



   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. <?xml version="1.0" encoding="UTF-8"?>    
  2. <click-app>    
  3.   
  4.   <pages package="com.quickstart.page"/>   
  5.   
  6.   <mode value="debug"/>   
  7.   
  8. </click-app>    

   
   


<?xml version="1.0" encoding="UTF-8"?> 
<click-app> 

  <pages package="com.quickstart.page"/>

  <mode value="debug"/>

</click-app>  



当click应用启动的时候，它将打印如下日志信息： 


   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. [Click] [debug] automapped pages:   
  2. [Click] [debug] /border-template.htm -> CLASS NOT FOUND   
  3. [Click] [debug] /home.htm -> com.quickstart.page.HomePage   
  4. [Click] [info ] initialized in debug mode    

   
   


[Click] [debug] automapped pages:
[Click] [debug] /border-template.htm -> CLASS NOT FOUND
[Click] [debug] /home.htm -> com.quickstart.page.HomePage
[Click] [info ] initialized in debug mode  


click告诉我们 border-template.htm 模板没有映射到任何page类，但是 
home.htm 模板被映射到HomePage 类，我们还可以得出click正运行在debug 
模式下。 

当向我们的主页发送一个请求时， 我们可以得到如下输出： 


   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. [Click] [debug] GET http://localhost:8080/quickstart/home.htm   
  2. [Click] [info ] renderTemplate: /home.htm,border-template.htm - 46 ms   
  3. [Click] [info ] handleRequest:  /home.htm - 62 ms    

   
   


[Click] [debug] GET http://localhost:8080/quickstart/home.htm
[Click] [info ] renderTemplate: /home.htm,border-template.htm - 46 ms
[Click] [info ] handleRequest:  /home.htm - 62 ms  



它告诉我们ClickServlet收到的http请求。然后我们看到绘制页面home.htm 
和模板border-template.htm 用掉了41毫秒。最后，我们可以看到处理请求 
共用掉了62毫秒。 
如果你想获得更多的debuging信息， 你可以将应用模式设置为trace。 
现在， 我们向浏览器发送一个请求： 
http://localhost:8080/quickstart/home.htm?user=malcolm&password=secret 

我们可以看到请求参数被记录下来，这对调试post方式提交的表单很有用处。 


   
   


    
    


     
     

      
      Java代码 
      
      复制代码
     
     


    
    


    
    
  1. [Click] [debug] GET http://localhost:8080/quickstart/home.htm   
  2. [Click] [trace]    request param: password=secret   
  3. [Click] [trace]    request param: user=malcolm   
  4. [Click] [trace]    invoked: HomePage.<<init>>   
  5. [Click] [trace]    invoked: HomePage.onSecurityCheck() : true  
  6. [Click] [trace]    invoked: HomePage.onInit()   
  7. [Click] [trace]    invoked: HomePage.onGet()   
  8. [Click] [trace]    invoked: HomePage.onRender()   
  9. [Click] [info ]    renderTemplate: /user/home.htm,border-template.htm - 6 ms   
  10. [Click] [trace]    invoked: HomePage.onDestroy()   
  11. [Click] [info ] handleRequest:  /home.htm - 24 ms    

   
   


[Click] [debug] GET http://localhost:8080/quickstart/home.htm
[Click] [trace]    request param: password=secret
[Click] [trace]    request param: user=malcolm
[Click] [trace]    invoked: HomePage.<<init>>
[Click] [trace]    invoked: HomePage.onSecurityCheck() : true
[Click] [trace]    invoked: HomePage.onInit()
[Click] [trace]    invoked: HomePage.onGet()
[Click] [trace]    invoked: HomePage.onRender()
[Click] [info ]    renderTemplate: /user/home.htm,border-template.htm - 6 ms
[Click] [trace]    invoked: HomePage.onDestroy()
[Click] [info ] handleRequest:  /home.htm - 24 ms
zhaofeng987
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
新手robotframework 基础使用笔记（一）---click button
weixin_42226038的博客
05-19 8943
刚开始学习robotframework(RF)，有些问题有时候真不知道是为什么，折腾了好久，在这里把它记录下来供给遇到同样问题的你，节省时间。1. click button 没有点击解决方案，在click button前加上sleep 2情景分析：打开浏览器的用例运行这个用例的结果是：查看日志：如下显示的获取的是‘百度一下，你就知道’，由此判断在click button 没有按下时就已经获取了。这...
Vue.js快速入门指南：构建现代Web应用的利器
a_靖的博客
09-08 2102
快速入门Vue.js，快速学习vue详细教程
Web API 强势入门指南
ChampaignWolf的专栏
07-20 1281
Web API是一个比较宽泛的概念。这里我们提到Web API特指ASP.NET Web API。 这篇文章中我们主要介绍Web API的主要功能以及与其他同类型框架的对比，最后通过一些相对复杂的实例展示如何通过Web API构建http服务，同时也展示了Visual Studio构建.net项目的各种强大。 目录 什么是 Web API 为什么要用 Web API 功能简介 Web ...
C#编程语言及.NET 平台快速入门指南
weixin_34189116的博客
06-05 711
github:https://github.com/mfjiang e-mail: hamlet.jiang@live.com ⼀、C#,CLR，IL，JIT概念以及 .NET 家族 （⼀）基础概念 C# (念作 C Sharp) 是在CLR上实现的一种编程语言，也是.NET平台上最通用的编程语言，它在语法上借鉴了Java和C++风格，但更为精简。Borland Turbo ...
十分钟入门Robot Framework，详细教程
热门推荐
Ljj9889的博客
01-05 2万+
一、前言 这两天应公司需求，学习了一下Robot Framework，总结一点分享给大家。首先我们要去明白Robot Framework是干什么用的？ 二、必备技能 想要学会RF框架，我们首先要有一定的python基础，RF就是在python基础上面套了一层壳(很简单)，还没有python基础的同学，建议先去学习python基础。那么基础掌握到什么程度可以来学习RF框架呢？我总结几点分享给大家。 python常用数据类型，重点掌握列表，字符串，字典的运用 python的逻辑运算，条件、循环等 p
ZK（The leading enterprise Ajax framework）入门指南
daquan198163
05-07 191
[size=large]1. Why ZK[/size] JavaEE领域从来就不缺少Framework尤其是Web Framework，光是比较流行的就有：SpringMVC、Struts2、JSF系列…… 其它不怎么流行的、小众的、非主流的全加起来估计上百，让人眼花缭乱。 那为什么还要去学习ZK这个知名度不高的框架呢？ZK官网关于Why ZK列出了很多特性：http://ww...
Robot Framework官方教程（一）入门
01-23 2940
1.1简介 Robot Framework是一个基于Python的，可扩展的关键字驱动的测试自动化框架，用于端到端验收测试和验收测试驱动开发（ATDD）。它可用于测试分布式异构应用程序，其中验证需要涉及多种技术和接口。 1.1.1为何选择Robot Framework？ 启用易于使用的表格语法，以统一的方式创建测试用例。 提供从现有关键字创建可重复使用的更高级别关键字的功能。 提供易于阅读的结果报告和HTML格式的日志。 平台和应用程序是独立的。 提供一个简单的库API，用于创建自定...
哈巴狗入门指南
culi3118的博客
08-22 688
SitePoint Premium gives you an entire collection of books covering developer essentials like Pug, Gulp, Git and more. Join now. SitePoint Premium为您提供了一整套书籍，涵盖了Pug，Gulp，Git等开发人员的必备知识。 现在加入 。 As web d...
Silverlight入门指南
06-29
**Silverlight入门指南** Silverlight是由微软开发的一种富互联网应用程序（RIA）平台，主要用于构建和展示具有丰富媒体体验和交互式用户界面的Web应用。它在2007年首次发布，作为Adobe Flash的竞争对手，提供了跨...
XAML入门经典教程、参考
08-25
XAML（eXtensible Application Markup Language）是一种用于定义用户界面和应用程序结构的标记语言，主要在.NET Framework中，特别是Windows Presentation Foundation (WPF)、Universal Windows Platform (UWP)和...
《VSTO开发指南》源码
12-03
VSTO（Visual Studio Tools for Office）是微软开发的一个强大的工具集，允许开发者利用.NET Framework和...这份源码是学习VSTO开发不可多得的实践教材，它将理论与实践相结合，帮助开发者快速上手并精通VSTO开发。
Visual Basic 2010入门经典.part1.rar
09-26
2.7 快速而简单的编程入门指南 51 2.7.1 用变量存储值 51 2.7.2 使用过程来编写代码功能单元 52 2.8 获取帮助 52 2.9 总结 53 2.10 问与答 53 2.11 作业 54 2.11.1 测验 54 2.11.2 答案 54 2.11.3 练习 54...
Java内存模型
最新发布
weixin_44267758的博客
07-19 355
此处的变量不是指java编程中的变量，它包括了实例字段，静态字段和构成数值对象的元素，但不包括局部变量和方法参数。JMM规定所有变量都存储在主内存中。每条线程有自己的工作内存，工作内存中保留了该线程使用到变量的主内存的副本。线程对变量的所有操作都必须在工作内存中进行，不能直接读写主内存的变量，不同的线程间也无法直接访问对方工作内存的变量，线程之间的变量值传递需要通过主内存来完成。
day04：Redis和店铺营业状态设置
m0_69266818的博客
07-15 879
介绍了Redis命令和用java操作redis还有营业额状态接口的书写
JVM-垃圾回收与内存分配
m0_50846237的博客
07-19 728
JVM-垃圾回收与内存分配
【Java算法】前缀和 下
2302_79806056的博客
07-18 935
这段代码实现了一个寻找数组中具有相等数量的0和1的最长子数组长度的算法。具体来说，它使用了前缀和（prefix sum）的概念以及哈希映射（HashMap）来优化查找过程。初始化哈希映射：计算前缀和：检查相等数量的0和1：更新哈希映射：返回结果：这种方法的时间复杂度为O(n)，因为我们只遍历数组一次，并且对每个元素执行常数时间的操作。空间复杂度也是O(n)，最坏情况下需要存储n个前缀和值。 初始化阶段:开始遍历数组:继续

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值