代码应用jFinal+AngularJs未来javaEE开发的趋势——程序员的福音

首先声明,我是一个菜鸟。一下文章中出现技巧误导情况盖不负责

    最近有意无意、机缘巧合之下认识了两个新的WEB框架,其中一个是后端框架叫JFinal,看名字就让人认为为之一振,最后的、终究的,没错它的意思就是“我是JavaEE的终极框架”,没有比这更好的啦!当然,这不是一个毫无依据的吹牛,接下来就来认识一下JFinal框架吧:

    

JFinal概述

    

JFinal 是基于Java 语言的极速 web 开辟框架,其核心设计目标是开辟敏捷、代码量少、学习简略、功能强大、轻量级、易扩展、Restful。在拥有Java语言全体优势的同时再拥有ruby、python等 动态语言的开辟效率

    

JFinal发展概况

    

JFinal 项目开辟始于2011年初,作者詹波(James Zhan)曾任团800 网Java架构师,现任微格网际(北京)科技有限公司结合创始人、网校网CTO。项目开源于2012年3月18日,采取对贸易应用友好的Apache Licence 2.0协议。开源以来深受宽大开辟者欢送,现在采取JFinal框架开辟的用户群敏捷强大,同时不乏一些已经上线的贸易化互联网项目。JFinal在中国最大的开源社区备受瞩目,自开源以来始终是热点项目。

    

JFinal将始终保持以下设计目标:开辟敏捷、代码量少、学习简略、功能强大、轻量级、易扩展、Restful。在保持以上设计目标的同时,基于微内核+全方位扩展型架构,打造功能极度全面WEB+ORM开辟框架。完整解放开辟者的生产力,完整改善开辟者的开辟休会,让软件开辟成为一件轻松愉快的事件。

    

JFinal通过实际逐步形成了一套极速开辟方法,此法将在即将打造的JFinal极速开辟社区展示出来。

    

JFinal系统架构

    

JFinal 采取微内核全方位扩展架构,全方位是指其扩展方式在空间上的表现形式。JFinal由Handler、Interceptor、Controller、Render、Plugin五大部分构成。

    

 

    

    JFinal的特色

 

    

MVC架构,设计精致,应用简略

    

遵循COC准则,零配置,无xml

    

ActiveRecord支持,使数据库开辟极致倏地

    

自动加载修改后的java文件,开辟过程当中无需重启web server

    

AOP支持,拦截器配置灵巧,功能强大

    

Plugin体系结构,扩展性强

    

多视图支持,支持 FreeMarker、JSP、 Velocity

    

强大的Validator后端校验功能

    

功能齐全,拥有 struts2的绝大部分功能

    

体积小仅218K,且无第三方依附

    

JFinal WEB MVC和Struts扼要对比

    

JFinal遵循COC准则,零配置,无xml,而struts须要配置来支持action、result、interceptor配置与应用。

    

JFinal开辟效率非常之高,绝对Struts开辟效率能提升五到十倍。

    

JFinal代码量非常省,绝对Struts开辟能省50%到70%代码量。

    

JFinal遵循Restful规范,而struts自身未供给Restful支持。Struts可以通过插件来支持restful,但支持不完整应用不方便。

    

JFinal供给数据库支持,属于一站式处理方案,而struts仅为WEB MVC框架并未供给数据库支持。

    

JFinal学习成本极低,只需两个小时学习即可上手开辟,而Struts学习成本绝对较高。

    

JFinal绝对Struts来讲更加轻量级,JFinal打包jar文件仅173KB,而struts则为1.8MB。

    

JFinal ORM和Hibernate扼要对比

    

JFinal采取ActiveRecord实现数据库操作支持,较Hibernaet开辟效率提升六到十倍。

    

JFinal ActiveRecord较Hibernate学习成本低,一小时内能上手开辟。

    

JFinal零配置,对数据库支持五个无特色:无xml、无annotation、无getter、无setter、无attribute,极大降低了代码量,统计证实代码量节省70%到95%。

    

JFinal数据库操作完整采取原生sql,绝对Hibernate采取的HQL学习成本低,功能更强大,性能更高,稳定性好。

    

JFinal 中的Controller

    

Controller是JFinal核心类之一,该类作为MVC模式中的控制器。基于JFinal的Web应用的控制器须要继承该类。Controller是定义Action方法的地点,是组织Action的一种方式,一个Controller可以包含多个Action。以下是代码示例:

    

public class HelloController extends Controller {
public void index() {
renderText("此方法是一个action");
}
public void test() {
renderText("此方法是一个action");
}
}

    

JFinal 中的Model

    

Model是ActiveRecord中最主要的组件之一,它充当MVC模式中的Model部分。以下是Model定义示例代码:

    

public class User extends Model<User> {
public static final User dao= new User();
}

    

以上代码中的User通过继承Model,便当即拥有的浩繁方便的操作数据库的方法。在User中声明的dao静态对象是为了方便查询操作而定义的,该对象并不是必须的。基于ActiveRecord的Model无需定义属性,无需定义getter、setter方法,无需XML配置,无需Annotation配置,极大降低了代码量。

    

以下为Model的一些常见用法:
    每日一道理
成功的花朵开放在啊勤劳的枝头,失败的苦果孕育在懒惰的温床之中。

    

// 创立name属性为James,age属性为25的User对象并添加到数据库
new User().set("name", "James").set("age", 25).save();
// 删除id值为25的User
User. dao.deleteById(25);
// 查询id值为25的User将其name属性改成James并更新到数据库
User. dao.findById(25).set("name", "James").update();
// 查询id值为25的user, 且仅仅取name与age两个字段的值
User user = User. dao.findById(25, "name, age");
// 获取user的name属性
String userName = user.getStr("name");
// 获取user的age属性
Integer userAge = user.getInt("age");
// 查询全体春秋大于18岁的user
List<User> users = User. dao.find("select * from user where age>18");
// 分页查询春秋大于18的user,当前页号为1,每页10个user
Page<User> userPage = User. dao.paginate(1, 10, "select *", "from user where age > ?", 18);
 
看到这里你一定很震撼了吧,是不是感觉写代码变得愈来愈简略了?别急,这还没有结束,我们怎么能只减轻后台的累赘呢,前台确定会有意见啦,下面就为大家介绍前面所说的第二个框架,AngularJs——JS 的MVC框架
 
什么是 AngularJS
 
AngularJS是为了战胜HTML在构建应用上的缺乏而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。
平日,我们是通过以下技巧来处理静态网页技巧在构建动态应用上的缺乏:
类库 - 类库是一些函数的集合,它能帮助你写WEB应用。起主导作用的是你的代码,由你来决定何时应用类库。类库有:jQuery等
框架 - 框架是一种特殊的、已经实现了的WEB应用,你只须要对它填充具体的业务逻辑。这里框架是起主导作用的,由它来根据具体的应用逻辑来调用你的代码。框架有:knockout、sproutcore等。
AngularJS应用了不同的方法,它实验去补足HTML本身在构建应用方面的缺陷。AngularJS通过应用我们称为 标识符(directives)的结构,让浏览器能够识别新的语法。例如:
应用双大括号{{}}语法进行数据绑定;
应用DOM控制结构来实现迭代或者隐藏DOM片段;
支持表单和表单的验证;
能将逻辑代码关联到相关的DOM元素上;
能将HTML分构成可重用的组件。
 

端对端的处理方案

 
AngularJS试图成为WEB应用中的一种端对端的处理方案。这意味着它不只是你的WEB应用中的一个小部分,而是一个完整的端对端的处理方案。这会让AngularJS在构建一个 CRUD(增加Create、查询Retrieve、更新Update、删除Delete)的应用时显得很“固执”(原文为 opinionated,意指没有太多的其他方式)。但是,尽管它很“固执”,它仍然能确保它的“固执”只是在你构建应用的起点,并且你仍能灵巧变化。AngularJS的一些出众的地方如下:
构建一个CRUD应用可能用到的全体内容包括:数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依附注入。
测试方面包括:单元测试、端对端测试、模拟和自动化测试框架。
拥有目录布局和测试脚本的种子应用作为起点。
 
AngularJs的理念
 
Angular信奉的是,当组建视图(UI)同时又要写软件逻辑时,声明式的代码会比命令式的代码好得多,尽管命令式的代码非常适合用来表述业务逻辑。
将DOM操作和应用逻辑解耦是一种非常好的思绪,它能大大改善代码的可调性;
测试开辟平等对待是一种非常非常好的思绪,测试的难度在很大程度上取决于代码的结构;
将客户端和服务器端解耦是一种特别好的做法,它能使两边并行开辟,并且使两边代码都能实现重用;
如果框架能够在整个开辟流程里都引导着开辟者:从设计UI,到编写业务逻辑,再到测试,那对开辟者将是极大的帮助;
“化繁为简,化简为零”老是好的。
AngularJS能将你从以下的噩梦中解脱出来:
应用回调:回调的应用会打乱你的代码的可读性,让你的代码变得支离破碎,很难看清原来的业务逻辑。移除一些常见的代码,例如回调,是件坏事。大幅度地增加你因为JavaScript这门语言的设计而不得不写的代码,能让你把自己应用的逻辑看得更清楚。
手动编写操作DOM元素的代码:操作DOM是AJAX应用很基本的一部分,但它也老是很“笨重”并且容易犯错。用声明的方式描述的UI界面可随着应用状态的改变而变更,能让你从编写低级的DOM操作代码中解脱出来。绝大部分用AngularJS写的应用里,开辟者都不必再自己去写操作DOM的代码,不过如果你想的话还是可以去写。
对UI界面读写数据:AJAX应用的很大一部是CRUD操作。一个经典的流程是把服务端的数据组建成内部对象,再把对象编成HTML表单,用户修改表单后再验证表单,如果有错再显示错误,然后将数据重新组建成内部对象,再返回给服务器。这个流程里有太多太多要重复写的代码,使得代码看起来老是在描述应用的全体执行流程,而不是具体的业务逻辑和业务细节。
开始前得写大批的基本性的代码:平日你须要写很多的基本性的代码才能实现一个“Hello World”的应用。用AngularJS的话,它会供给一些服务让你很容易地正式开始写你的应用,而这些服务都是以一种Guice-like dependency-injection式的依附注入自动参加到你的应用中去的,这让你能很快的进入你应用的具体开辟。特别的是,你还能全盘把握自动化测试的初始化过程。
 
看到这里,不管你震撼不震撼,反正我是震撼了,我急切的盼望通过这两个框架的结合来开辟我的WEB应用的那一天的到来!那将是一件很酷的事件!

文章结束给大家分享下程序员的一些笑话语录: 问路
有一个驾驶热气球的人发现他迷路了。他降低了飞行的高度,并认出了地面 上的一个人。他继续下降高度并对着那个人大叫,“打扰一下,你能告诉我我 在哪吗?”
下面那个人说:“是的。你在热气球里啊,盘旋在 30 英尺的空中”。
热气球上的人说:“你一定是在 IT 部门做技术工作”。
“没错”,地面上的人说到,“你是怎么知道的?”
“呵呵”,热气球上的人说,“你告诉我的每件事在技术上都是对的,但对都没 有用”。
地面上的人说,“你一定是管理层的人”。
“没错”,热气球上的人说,“可是你是怎么知道的?”
“呵呵”,地面上的那人说到,“你不知道你在哪里,你也不知道你要去哪,你 总希望我能帮你。你现在和我们刚见面时还在原来那个地方,但现在却是我 错了”。

--------------------------------- 原创文章 By
代码和应用
---------------------------------

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个基于jfinal+element ui+vue的简单示例代码: 后端JFinal代码: ``` public class UserController extends Controller { public void index() { render("index.html"); } public void getUsers() { List<User> userList = UserService.getAllUsers(); renderJson(userList); } public void addUser() { User user = getModel(User.class); boolean result = UserService.addUser(user); renderJson(result); } public void deleteUser() { int id = getParaToInt("id"); boolean result = UserService.deleteUser(id); renderJson(result); } } ``` 前端Vue代码: ``` <template> <div> <el-button type="primary" @click="addUser">Add User</el-button> <el-table :data="userList"> <el-table-column prop="id" label="ID"></el-table-column> <el-table-column prop="name" label="Name"></el-table-column> <el-table-column prop="age" label="Age"></el-table-column> <el-table-column label="Operation"> <template slot-scope="scope"> <el-button type="danger" @click="deleteUser(scope.row.id)">Delete</el-button> </template> </el-table-column> </el-table> </div> </template> <script> import axios from 'axios' export default { name: 'User', data() { return { userList: [] } }, mounted() { this.getUsers() }, methods: { getUsers() { axios.get('/user/getUsers').then(response => { this.userList = response.data }) }, addUser() { axios.post('/user/addUser', { name: 'John', age: 25 }).then(response => { if (response.data) { this.getUsers() } }) }, deleteUser(id) { axios.delete(`/user/deleteUser?id=${id}`).then(response => { if (response.data) { this.getUsers() } }) } } } </script> ``` 以上示例代码仅供参考,具体实现方式可以根据自己的需求进行调整。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值