Tiny之Web工程构建

简介:

搭建TinyWeb工程环境

搭建一下TinyWeb的开发环境,是非常简单的

如果你没有下载过Tiny框架,请在命令行中输入下面的命令:

?
1
mvn archetype:generate -DarchetypeGroupId=org.tinygroup -DarchetypeArtifactId=webappproject -DarchetypeVersion= 0.0 . 13 -SNAPSHOT -DgroupId=org.tinygroup -DartifactId=webhello -Dversion= 1.0 -SNAPSHOT

中间会让你确认一下输入是否正确,回答Y即可,运行完毕之后,就会在当前目录中生成一个webhello的目录,里面包含了tiny的web工程目录。

如果你已经在本地安装过tiny框架,那么请在命令行中简单输入下面的命令:

?
1
mvn archetype:generate -DarchetypeCatalog=local

这时会显示一个菜单,如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
D:\studytiny>mvn archetype:generate -DarchetypeCatalog= local
 
D:\studytiny> set  MAVEN_OPTS= -Xms2560m -Xmx4048m
[INFO] Scanning  for  projects...
[INFO]
[INFO] ------------------------------------------------------------------------
[INFO] Building Maven Stub Project (No POM) 1
[INFO] ------------------------------------------------------------------------
[INFO]
[INFO] >>> maven-archetype-plugin:2.2:generate (default-cli) @ standalone-pom >>
>
[INFO]
[INFO] <<< maven-archetype-plugin:2.2:generate (default-cli) @ standalone-pom <<
<
[INFO]
[INFO] --- maven-archetype-plugin:2.2:generate (default-cli) @ standalone-pom --
-
[INFO] Generating project  in  Interactive mode
[INFO] No archetype defined. Using maven-archetype-quickstart (org.apache.maven.
archetypes:maven-archetype-quickstart:1.0)
Choose archetype:
1:  local  -> org.tinygroup:flowcomponent (flowcomponent)
2:  local  -> org.tinygroup:uicomponent-archetype (uicomponent-archetype)
3:  local  -> org.tinygroup:plugincomponent (plugincomponent)
4:  local  -> org.tinygroup:webappproject (webappproject)
5:  local  -> org.tinygroup:servicecomponent (servicecomponent)
Choose a number or apply filter ( format : [groupId:]artifactId,  case  sensitive co
ntains): :

很简单,只要选择4,即可:

接下来会让你输入自己的maven工程坐标,groupId,artifactId,version

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
Define value  for  property  'groupId' : : org.tinygroup
Define value  for  property  'artifactId' : : webhello
Define value  for  property  'version' :  1.0-SNAPSHOT: :
Define value  for  property  'package' :  org.tinygroup: :
Confirm properties configuration:
groupId: org.tinygroup
artifactId: webhello
version: 1.0-SNAPSHOT
package: org.tinygroup
  Y: : Y
[INFO] -------------------------------------------------------------------------
---
[INFO] Using following parameters  for  creating project from Archetype: webapppro
ject:0.0.13-SNAPSHOT
[INFO] -------------------------------------------------------------------------
---
[INFO] Parameter: groupId, Value: org.tinygroup
[INFO] Parameter: artifactId, Value: webhello
[INFO] Parameter: version, Value: 1.0-SNAPSHOT
[INFO] Parameter: package, Value: org.tinygroup
[INFO] Parameter: packageInPathFormat, Value: org /tinygroup
[INFO] Parameter: package, Value: org.tinygroup
[INFO] Parameter: version, Value: 1.0-SNAPSHOT
[INFO] Parameter: groupId, Value: org.tinygroup
[INFO] Parameter: artifactId, Value: webhello
[WARNING] Don't override  file  D:\studytiny\webhello\pom.xml
[INFO] project created from Archetype  in  dir : D:\studytiny\webhello
[INFO] ------------------------------------------------------------------------
[INFO] BUILD SUCCESS
[INFO] ------------------------------------------------------------------------
[INFO] Total  time : 2:29.134s
[INFO] Finished at: Wed Mar 05 09:54:30 CST 2014
[INFO] Final Memory: 21M /2453M
[INFO] ------------------------------------------------------------------------

OK,这样介绍了用交互的方式,也可以创建一个TinyWeb的工程。当然,用第一种方式,也可以的,之所以只有在本地的时候推荐用交互的方式,是因为,中心仓库有许许多多的模板,找起来眼花。

导入maven工程到IDE

不怎么怎么导入maven工程到IDE当中,请继续咨询谷哥,度娘。

在Idea中,大概是上面的样子。

运行WEB工程

在工程pom.xml所在目录中输入下面的命令:

?
1
mvn jetty:run

就可以正常启动Web应用。

验证是否运行正确

在浏览器中输入:

?
1
http: //localhost:8080/webhello/default.page

如果出现下面的内容,恭喜悄,已经成功搭建了tiny的web开发环境。

小小的爽一把?

在src/main/webapp目录中新建一个

hello.page文件,编码格式UTF-8

内容为:

?
1
hello,$!name

然后在浏览器中访问:http://localhost:8080/webhello/hello.page

结果为:

?
1
hello,

然后在浏览器中访问:http://localhost:8080/webhello/hello.page?name=world

结果为:

?
1
hello,world
如果一切都像上面所述一样,恭喜你已经开始了HelloWorld之路。

总结

实际上,坦诚的说上面有挺多都是废话,简单点说就是命令行以下三条命令以后,就可以直接到浏览器试验了:

?
1
2
3
4
5
6
mvn archetype:generate -DarchetypeGroupId=or
g.tinygroup -DarchetypeArtifactId=webappproject -DarchetypeVersion=0.0.13-SNAPSH
OT -DgroupId=org.tinygroup -DartifactId=webhello -Dversion=1.0-SNA
PSHOT
cd webhello
mvn jetty:run


相关文章
|
10天前
|
安全 应用服务中间件 网络安全
实战经验分享:利用免费SSL证书构建安全可靠的Web应用
本文分享了利用免费SSL证书构建安全Web应用的实战经验,涵盖选择合适的证书颁发机构、申请与获取证书、配置Web服务器、优化安全性及实际案例。帮助开发者提升应用安全性,增强用户信任。
|
27天前
|
监控 前端开发 JavaScript
使用 MERN 堆栈构建可扩展 Web 应用程序的最佳实践
使用 MERN 堆栈构建可扩展 Web 应用程序的最佳实践
30 6
|
29天前
|
存储 消息中间件 缓存
构建互联网高性能WEB系统经验总结
如何构建一个优秀的高性能、高可靠的应用系统对每一个开发者至关重要
27 2
|
1月前
|
JSON 前端开发 API
使用Python和Flask构建简易Web API
使用Python和Flask构建简易Web API
|
1月前
|
机器学习/深度学习 数据采集 Docker
Docker容器化实战:构建并部署一个简单的Web应用
Docker容器化实战:构建并部署一个简单的Web应用
|
1月前
|
SQL 安全 前端开发
PHP与现代Web开发:构建高效的网络应用
【10月更文挑战第37天】在数字化时代,PHP作为一门强大的服务器端脚本语言,持续影响着Web开发的面貌。本文将深入探讨PHP在现代Web开发中的角色,包括其核心优势、面临的挑战以及如何利用PHP构建高效、安全的网络应用。通过具体代码示例和最佳实践的分享,旨在为开发者提供实用指南,帮助他们在不断变化的技术环境中保持竞争力。
|
1月前
|
消息中间件 前端开发 JavaScript
探索微前端架构:构建现代Web应用的新策略
本文探讨了微前端架构的概念、优势及实施策略,旨在解决传统单体应用难以快速迭代和团队协作的问题。微前端允许不同团队独立开发、部署应用的各部分,提升灵活性与可维护性。文中还讨论了技术栈灵活性、独立部署、团队自治等优势,并提出了定义清晰接口、使用Web组件、状态管理和样式隔离等实施策略。
|
1月前
|
PHP 开发者
深入浅出PHP:构建你的第一个Web应用
【10月更文挑战第35天】在数字时代的浪潮中,掌握编程技能已成为通往未来的钥匙。本文将带你从零开始,一步步走进PHP的世界,解锁创建动态网页的魔法。通过浅显易懂的语言和实际代码示例,我们将共同打造一个简单但功能强大的Web应用。无论你是编程新手还是希望扩展技能的老手,这篇文章都将是你的理想选择。让我们一起探索PHP的魅力,开启你的编程之旅!
|
1月前
|
缓存 前端开发 JavaScript
构建高性能与用户体验并重的现代Web应用
构建高性能与用户体验并重的现代Web应用
43 5
|
1月前
|
开发框架 前端开发 JavaScript
利用Python和Flask构建轻量级Web应用的实战指南
利用Python和Flask构建轻量级Web应用的实战指南
83 2