一个Jfinal+angular的框架实现,属于jfinal-dreampie的一个demo,在线访问:http://icedog.jd-app.com/ 欢迎收藏
使用jfinal框架开源工具包jfinal-dreampie,http://search.maven.org/ 输入jfianl-draempie 搜索
并提供akka异步执行集成,多数据源自动orm映射,flyway数据库脚本升级, shiro+权限系统+freemarker-shiro标签支持,以及其他改进
使用angularjs作为前端框架,
以及+bootstrap+requireJs+coffeescript+lesscss集成,自动编译coffeescript和lesscss并监听文件改动, 因为时间原因主要以实现功能为主,欢迎大家指正和优化
使用方式:
1.导入IntelliJ IDEA,VCS->Checkout from Version Control->Github(如果没有在plugin里下载或启用) 然后输入项目地址 https://github.com/Dreampie/icedog.git 确定
2.导入Eclipse,Import->Git->Projects from Git->URI->然后输入项目地址https://github.com/Dreampie/icedog.git 确定
可直接使用mvn jetty:run 使用嵌入式数据库h2,数据库可以自动验证生成初始化数据
图片:
在我们项目中,经常将我们的angularjs.js 文件放到html页面最下面。在这样的情况下,如果网络慢,那么在js文件未加载完成的时候,用户可能就会在页面看到一堆{{name}}等表达式。为了解决问题,我们使用ng-bind demo index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
ng-show显示 ng-hide隐藏 ng-show和ng-if的区别:ng-show是用css样式操控,ng-if是移除整个dom元素 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="angular.min.js"></script> </head> <body> <div
Angularjs 的 ngInfiniteScroll 的使用方法 一、介绍 ngInfiniteScroll 是一个 AngularJS 的扩展指令,实现了网页的无限滚动的功能,也就是相当于页面滚动到最底部的时候自动加载更多内容。 二、使用方法 引入js库 <script type='text/javascript' src='path/to/jquery.min.js'></script>
In this article we continue our discussion of how to use Spring Security with Angular JS in a “single page application”. Here we show how to modularize the client-side code, and how to use “nice” URL
//默认两个变量:是否单击过和是否取消单击事件 $scope.clicked=false; $scope.cancel_click=false; //单击事件: $scope.single_click=function(){ //如果单击过,则取消单击事件 if($scope.clic
Angular.forEach用法 1.针对对象循环(key,value) 官方示例: var values = {name: 'misko', gender: 'male'}; var log = []; angular.forEach(values, function(value, key) { this.push(key + ': ' + value); }, log); expect(
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <!-- _ooOoo_ o8888888o 88"
示例中,根据ng-if指令显示不同任务状态,以及判断任务是否可以操作 <div ng-app="NgifDemoApp" ng-controller="NgifDemoContrl as vm"> <h1>任务列表</h1> <table class="table"> <thead> <tr> <th>任务
ng-if和ng-show、ng-hide的本质区别就是,ng-if是真的移除元素而不是通过css来隐藏元素。大家可以来看页面解析之后的代码来对比,eg: <!--ng-if如果ng-if的值是false的话,那么可以移除元素,而不是像ng-hide和ng-show那样的去隐藏元素--> <!-- 查看源码的时候会发现,不显示的部分并不是通过css来隐藏的,而是默认的就给注释掉
ng-bind是从$scope -> view的单向绑定 ng-modle是$scope <-> view的双向绑定 在AngularJS中显示模型中的数据有两种方式: <p>{{text}}</p> 另一种是使用基于属性的指令,叫做ng-bind: <p ng-bind="text"></p> 主要区别在于,使用花括号语法时,在AngularJS使用数据替换模板中的花括号时,第一个加载的页面,通
ng-bind: 页面刷新 网速过慢时 避免出现取值表达式,只会空白 ng-show, ng-hide : 显示和隐藏 ng-class : css样式控制 ng-class=’{error:isError,warning:isWarning}’ ngAnimate :动画
在项目中,在input上绑定了ng-model=“name”,通过$scope.name始终获取不到值,console.log出来是undefined 解决方法: 在input中 <input type='text' name='name' ng-model='ifScope.name'> 可以在controller的js里这么写 $scope.ifScope=$scope console.l
JFinal 是基于 Java 语言的极速 WEB + ORM + AOP + Template Engine 框架,其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、Restful。在拥有Java语言所有优势的同时再拥有ruby、python、php等动态语言的开发效率!为您节约更多时间,去陪恋人、家人和朋友 :) JFinal有如下主要特点: MVC 架构,设计精
spring-jfinal 用于整合 spring 和 jfinal。 依赖 jar jfinal、javassist v3.*、Spring v3+(3.2.0之前需要依赖cglib) 使用Maven <dependency> <groupId>cc.ecore</groupId> <artifactId>spring-jfinal-plugin</artifactI
dreampie-jfinal 使用JFinal框架,并提供akka异步执行集成,多数据源自动orm映射,flyway数据库脚本升级,shiro+权限系统+freemarker支持,以及其他改进 bootstrap前端 该项目剥离出的框架jfinal-dreampie,大家可以看新demo:jfinal+angular(icedog) 新增前端:requireJs+backbone+coffees
为JFinal提供的插件,让JFinal应用程序轻松使用Rythm模版引擎。使用方法: 1. 加入发布包中的jar文件到你的JFinal应用程序lib目录 2. 配置插件: private Properties conf = null;public void configConstant(Constants me) { this.conf = loadPropertyFile("path/t
jfinal demo 程序,使用bootstrap+本人编写的多款插件,如使用coffeescript-maven-plugin编译coffeescript代码,使用lesscsss-maven-plugin编译lesscss代码,使用flyway-maven-plugin运行数据库脚本,支持多种定制功能。 运行指南: 1.在mysql里创建数据库jfinal_demo,运行maven插件 c
Paladin是啥? 它是一个以JFinal为底层的java基础后台框架。 结合了以下第三方组件: Beetl、Druid、Shiro、Ehcache(JFinal自带工具类)。 界面使用的拼图的后台模板,自己做了些优化和更改。 最初目的:为了学习jfinal,通过一点点的摸索,把它建立起来了。 最终理想:形成一个工作中比较通用的基础后台框架。 适用人群 刚入门JFinal的同学,可以拿过去做个参