Bootstrap

1.介绍 Commonservice-system是一个大型分布式、微服务、面向企业的JavaEE体系快速研发平台，基于模块化、服务化、原子化、热插拔的设计思想，使用成熟领先的无商业限制的主流开源技术构建。采用服务化的组件开发模式，可实现复杂的业务功能。提供驱动式开发模式，整合内置的代码生成器，将JavaEE开发效率提高5倍以上，减少50%的代码开发量，解决80%的重复工作，让开发者更关注业务逻辑。使用Maven进行项目的构建管理，采用Jenkins进行持续集成，主要定位于大型分布式企业系统或大型分布式互联网产品的架构。 2.使用技术 SOA服务框架：SpringCloud 、SpringBoot、RestFul等 分布式缓存：Redis 模块化管理：Maven 数据库连接池：Alibaba Druid 核心框架：Spring framework、SpringBoot 持久层框架：MyBatis 安全框架：Apache Shiro 服务端验证：Hibernate Validator 任务调度：quartz 日志管理：SLF4J 1.7、Log4j 客户端验证：JQuery Validation 动态页签：easyuitab 前端框架：Bootstrap、Vue 3.设计思想 分布式、微服务、云架构 JAVA语言开发、跨平台、高性能、高可用、安全、服务化、模块化、组件化

关键字： Spring boot整合activiti工作流引擎实例 在常用的ERP系统、OA系统的开发中，工作流引擎是一个必不可少的工具。 本项目旨在基于Spring boot这一平台，整合业界流行的工作流引擎Activiti，并建立了两个完整的工作流进行演示： 请假OA和采购流程。 其中包含的内容如下： 1.不采用activiti自带的用户、角色功能，因为过于简单，转而自行实现一个用户、角色、权限的三级结构，用户到角色，角色到权限均为多对多映射，持久层框架使用mybatis的collection和association标签嵌套实现； 2.使用默认的用户登录后（用户名xiaomi，密码1234），可看到已部署好的两个流程，请假OA和采购流程，其中，请假OA包含了用户任务、排他网关、起始结束事件，较为简单； 采购流程除此之外，还使用了异常结束事件、子流程和边界事件的使用； 3.两个流程均包含了待办任务签收、运行流程进度追踪、已运行完流程历史记录查看的功能，运行流程进度在流程图中以红色标注； 4.使用时，将流程数据和业务数据相分离，使用业务号（businessKey）建立关联流程数据和业务数据的桥梁，使其相互可以访问,业务数据的主键即为业务号； 5.本系统所有表单均使用普通表单，而不是activiti的动态表单和外置表单，这样做是为了分表存放业务数据和流程数据; 6

我们在 上一篇教程 中已经演示了如何通过 Request 请求实例获取各种文本输入数据，但是还有一种输入数据我们没有涉及到，那就是文件上传。我们可以通过 Request 请求实例提供的 file 方法获取用户上传文件，并将其保存到指定目录从而完成文件上传，接下来，我们将从前端到后端实现一个完整的用户上传文件功能，包括视图、路由、控制器部分代码。 定义文件上传路由 首先我们在 routes/web.php 中定义上传文件涉及到的路由： // 用于显式上传表单 Route::get( 'form' , 'RequestController@formPage' ); // 用于处理文件上传 Route::post( 'form/file_upload' , 'RequestController@fileUpload' ); 我们定义了一个 GET 路由 /form ，用于渲染用户上传表单页面，然后定义了一个 POST 路由 /form/file_upload ，用于实现文件上传逻辑。 接下来去控制器中初始化这两个方法。 初始化控制器方法 打开 app/Http/Controllers/RequestController.php ，初始化路由定义中指定的控制器方法，首先是 formPage 方法用于渲染表单视图，我们约定视图路径是 request.form （可以先创建一个空的视图文件

第一个项目总结（CMS） CMS 项目介绍 项目架构 开发工具：eclipse 数据库：mysql 后端框架：ssm 前端框架：jQuery、Bootstrap、GridManager、富文本编辑器、FreeMarker 表格插件 maven项目构建工具 但是没有使用maven （为后面项目做铺垫） 查询 查询 分页查询 高级查询 删除 增加 修改 各种模块 文章模块 轮播图模块 个人秀模块 视频模块 后台的登录登出 登录 登出 拦截 记住我 勾选了记住我 如果没有勾选记住我 发布到网上 代码 CMS CMS是"Content Management System"的缩写,意为"内容管理系统"，一个管理内容的后台管理系统。 根据内容的不同分为不同的系统 内容是新闻，就是新闻管理系统。 内容是员工信息，就是员工管理系统。 内容是博客，博客管理系统。 内容是职位，职位管理系统。 这篇文章写的主要是用于对网站前台的信息管理，如文字、图片、影音和其他内容的发布、更新、删除等操作所编写的后台代码逻辑。 项目介绍 以下是此项目的简单介绍： 需求分析：前端显示的内容 是通过可以后端的管理员来管理是否显示 和后台可操作的增删改查。 官网中的内容或信息的显示和不显示来自于后台管理系统，所以我们需要开发一个后台管理系统来管理官网的信息并且前端也要显示。 项目架构 BS架构的项目 前台：公司官网信息维护

javadoc的解释： ClassLoader的每一个实例都会有一个与之关联的父ClassLoader，当被要求去寻找一个类或者资源的时候，ClassLoader的实例就会对于类或者是资源的寻找委托给他的父ClassLoader(在他自己尝试找这个类或者资源之前)，并层层向上委托。 虚拟机内建的ClassLoader即Bootstrap根类加载器，他本身是没有双亲的，但是他可以作为一个类加载器的双亲。 支持并发加载类的类加载器，被称为 parallel capable class loaders ，被要求在类的初始化期间调用ClassLoader.registerAsParallelCapable()将自身注册为parallelcapableclassloader。 ClassLoader默认是并发类加载器，但他的子类如果是并发的，还依然需要注册。 当境委派模型并不是严格的层次委派模型时，要求类加载器必须是支持并行的类加载器，否则类加载就会导致死锁。因为加载器的锁（loader lock我也不知道咋翻译）在类的加载过程中一直不会释放。 一般来说jvm虚拟机加载类来源于本地文件系统(与操作系统跟平台相关)，但也可能来源于其他资源，比如网络，或者运行时的动态生成。 在这种情况下，加载类的方法会把一个字节数组 (调用 loadClassData() 返回byte[]

当然，首先需要引入，select2.css，jquery，boostrap.js，select2.js 多选 添加属性 multiple="multiple" function formatRepoProvince(repo) { if (repo.loading) return repo.text; var markup = repo.name; return markup; } function formatRepoSelection (repo) { return repo.name || repo.text; } // 远程筛选 $(".select2" ).select2({ ajax: { url: 'v2/enterprise/searchListPaging.do' , delay: 500 , method: "post" , data: function (params) { return { keyword: params.term ? params.term : '' , skip: 0 } }, processResults: function (data) { return { results: data.data.items, } }, }, placeholder: '公司名称' , escapeMarkup: function (markup) {

一、前言 通过这个案例复习： 1、node.js中模板引擎的使用 2、node.js中的页面跳转和重定向 二、主要内容 1 、 案列演示： 2、案列源码： https://github.com/4561231/feedback 3、具体实现： 1、项目结构：项目名称feedback ,为了方便管理，将页面内请求的资源统一放到一个公共的public目录下，view中放跳转的页面 2、创建app.js 先搭建一个基本服务器，用户输入地址请求的时候默认跳到首页 var http = require( 'http' ); var fs= require( 'fs' ); var server = http.createServer(); server.on( 'request' , function (req, res){ var pathname = req.url; // 如果 请求/返回的是/index.html if (url === '/' ) { fs.readFile( './views/index.html' , function (err, data) { res.end(data); }) } }); server.listen( 3000, function (){ console.log( 'server is running' ); }) 3、

【热身话题】 　　在开发的过程中，大量数据的展示大多采用表格的方式，直观，清晰。在这里，我也使用过一些框架Bootstrap.table ，Dev table ,layui table。本次采用的layui table。用表格展示数据的同时会提供丰富的查询条件去筛选相应的数据。由于大量的数据，一般都会使用分页的形式去查询数据，框架中带有这种功能。 　　 【底部分页栏效果图】 　　 【上方查询栏效果图】 【问题来源】 　　首次进入页面或者页数停留在第一页使用查询栏查询时能够查询到数据。当分页切换到第二页时，再使用查询栏查询，可能查不到数据。（为什么说是可能？后面会给出解释） 【理想方法】 　①在查询提交参数时，添加一个参数 page:1 layui中通过where提交参数　 where:{ search:{'USER_NAME':'汪菜菜'},page:1} 　 　 注：此方法虽然看似解决了问题，实际存在巨大的bug。你会发现使用查询栏后当你选择任一页时请求后台的page参数都为1，也就是无论选择哪一页得到的结果都是第一页的数据。 　 ②自己也找过资料，说要把请求参数写成下方这种形式，测试结果也并未解决问题，和不加的效果相同，不知道时因为后台处理问题还是其他问题。 var Table = { ID: "tb", page: { curr: 1 }, Where: { search:

Angular中ui-select的使用 最近工作一直很忙，没有时间整理知识，前几天项目中需要用到angular-ui-select，实现下拉框快速过滤效果，今天有时间研究了一下，终于搞明白了。 一、准备工作 1.安装依赖包 （1）Angular --- V1.4.9 （2）Angular-sanitize --- V1.2.28 （3）Angular-ui-select --- V0.12.1 （4）Bootstrap --- V3.3.6 如果有需要再引入jQuery 注意: Angular-sanitize所依赖的Angular最低版本，Angular-ui-select所依赖的Angular和Angular-sanitize最低版本，只有依赖的版本符合要求，才能实现功能，否则会报错。 如果项目中用到的Angular版本比较低时，请安装低版本的Angular-sanitize和Angular-ui-select，这样，避免低版本不支持的情况。 2.安装方法： 使用npm进行安装 npm install Angular-sanitize@1.2.28 --save -dev @+版本号 表示安装指定版本的包文件，如果不加版本号，默认安装最新的版本。 如： npm install Angular-sanitize --save -dev 如果对npm不了解的话，可以参考

Vue之Vuex Vue全家桶 vue + vue-router + vuex 更能体现vue的mvvm设计模式，其中： vuex相当于mvvm中的View视图 vue-router相当于ViewModel控制器 vuex相当于Model数据模型 vue全家桶，基本上网页上什么都可以实现 为什么要使用Vuex 解决组件间传值的复杂性，vuex好比一个商店任何组件都可以进去拿东西 安装Vuex 官网 npm install vuex --save 前后端分离项目 现在用vue + vue-router + vuex做一个项目： webpack 从今以后就要用vue-cli里的webpack模板了 vue init webpack npm run dev启动 main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App' import $ from 'jquery' // 这种奇葩的语法是因为webpack帮你导入了里面的文件 import router from '