使用Lift+Maven+Idea搭建web应用

搭建Lift Maven Idea创建web应用程序
源代码地址:https://github.com/LoranceChen/Talkertalk

这篇文章将介绍如何使用这些工具搭建一个入门的web应用。
一、使用工具
版本控制:Git
项目管理:Maven
IDE:Idea

二、步骤
1.通过GitHub获取源文件
git指令 git clone https://github.com/LoranceChen/TalkerTalk.git
使用Lift+Maven+Idea搭建web应用_第1张图片

2.导入idea
1)打开idea,选择 ‘import project’
使用Lift+Maven+Idea搭建web应用_第2张图片

2)使用Maven
使用Lift+Maven+Idea搭建web应用_第3张图片
之后一直点击下一步,直到创建完成,显示编辑界面。

3)设置Model
1>右键项目根目录,选中Open Module Settings
使用Lift+Maven+Idea搭建web应用_第4张图片

2>将scala文件夹设置成Sources类型,这时候文件夹将会变成包的结构
使用Lift+Maven+Idea搭建web应用_第5张图片

也许你显示的是java而不是scala,选中dependencies中找到并勾选scala-sdk或许有帮助
使用Lift+Maven+Idea搭建web应用_第6张图片

三、编译程序
打开项目根目录所在路径,在命令行输入 mvn compile(请先确保安装了maven,并配置了环境变量)
使用Lift+Maven+Idea搭建web应用_第7张图片
这里需要,成功后会显示 BUILD SUCCESS 字样。
这也许会花费不少的时间,因为Maven会根据pom.xml文件从网上下载所有的依赖项

四、配置jetty web服务器
1 点击右上角的配置按钮
使用Lift+Maven+Idea搭建web应用_第8张图片

2 修改了Name,为Command line添加jetty:start——它是程序的启动指令
使用Lift+Maven+Idea搭建web应用_第9张图片

run窗口中有JVM的配置VM Options [3],以后可能有用,尤其是程序变得越来越大的时候,比如,当出现内存不够时,可以在这里设置。现在使用默认值。
使用Lift+Maven+Idea搭建web应用_第10张图片

五、运行
1 编译:Ctrl + F9
2 启动Jetty
3 在浏览器中输入localhost:8080即可看到初始的页面,其中页面最下方的Latest Services栏目,使用了Lift的CSS Selectors绑定了后端的数据。
使用Lift+Maven+Idea搭建web应用_第11张图片

6.其他
1)我只是新手,对我来讲创建这个基本的Lift程序并不容易。Maven让我很头疼,因为网上的很多资源版本太老,或者要强迫旧的java sdk等。这边文章希望对准备学习Lift的人有所帮助
2)后面会添加MongoDB作为数据库
3)i3的电脑跑起来并不是很顺畅
4)前端模板[4]使用bootstrap,很漂亮的界面,虽然现在我还不会

参考资料:
[1]Git:http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
[2]Maven: http://download.csdn.net/detail/u012289636/9120989 感觉挑着看看就行了
[3]JVM Options: http://blog.sina.com.cn/s/blog_3f12afd00100zpvf.html
[4]模板下载:http://www.templatemonster.com/ 尝试在浏览器中搜索 free ,可找到免费模板的链接

你可能感兴趣的:(Liftweb)