小韩
小韩

16-03动吧旅游生态系统的设计-菜单管理设计

1 菜单管理设计说明

1.1 业务设计说明

------

菜单管理又称为资源管理，是系统资源对外的表现形式。本模块主要是实现对菜单进行添加、修改、查询、删除等操作。其表设计语句如下：

CREATE TABLE `sys_menus` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `name` varchar(50) DEFAULT NULL COMMENT '资源名称',
 `url` varchar(200) DEFAULT NULL COMMENT '资源URL',
 `type` int(11) DEFAULT NULL COMMENT '类型     1：菜单   2：按钮',
 `sort` int(11) DEFAULT NULL COMMENT '排序',
 `note` varchar(100) DEFAULT NULL COMMENT '备注',
 `parentId` int(11) DEFAULT NULL COMMENT '父菜单ID，一级菜单为0',
 `permission` varchar(500) DEFAULT NULL COMMENT '授权(如：sys:user:create)',
 `createdTime` datetime DEFAULT NULL COMMENT '创建时间',
 `modifiedTime` datetime DEFAULT NULL COMMENT '修改时间',
 `createdUser` varchar(20) DEFAULT NULL COMMENT '创建用户',
 `modifiedUser` varchar(20) DEFAULT NULL COMMENT '修改用户',
 PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8 COMMENT='资源管理';

菜单表与角色表是多对多的关系，在表设计时，多对多关系通常由中间表(关系表)进行维护，如图-1所示：
16-03动吧旅游生态系统的设计-菜单管理设计_第1张图片
菜单与角色的关系表脚本设计如下：

CREATE TABLE `sys_role_menus` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `role_id` int(11) DEFAULT NULL COMMENT '角色ID',
  `menu_id` int(11) DEFAULT NULL COMMENT 'ID',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8 COMMENT='角色与菜单对应关系';

  1. 原型设计说明

    基于用户需求，实现菜单静态页面(html/css/js)，通过静态页面为用户呈现菜单模块的基本需求实现。当在主页左侧菜单栏，点击菜单管理时，在主页内容呈现区，呈现菜单列表页面，如图-3所示。
    16-03动吧旅游生态系统的设计-菜单管理设计_第2张图片

当在菜单列表页面点击添加按钮时，异步加载菜单编辑页面，并在列表内容呈现区，呈现菜单编辑页面,如图-4所示。
16-03动吧旅游生态系统的设计-菜单管理设计_第3张图片
说明:假如客户对此原型进行了确认,后续则可以基于此原型进行研发。

  1. API设计说明

    菜单管理业务后台API分层架构及调用关系如图-6所示：
    16-03动吧旅游生态系统的设计-菜单管理设计_第4张图片

说明：分层目的主要将复杂问题简单化，实现各司其职，各尽所能。

  1. 菜单管理列表页面呈现

  2. 业务时序分析

    菜单管理页面的加载过程，其时序分析如图-7所示：
    16-03动吧旅游生态系统的设计-菜单管理设计_第5张图片

  3. 服务端实现

  4. Controller实现

  • 业务描述与设计实现

基于菜单管理的请求业务，在PageController中添加doMenuUI方法，用于返回菜单列表页面。

  • 关键代码设计与实现

第一步：在PageController中定义返回菜单列表的方法。代码如下：

@RequestMapping("menu/menu_list")
public String doMenuUI() {
 return "sys/menu_list";
}

第二步：在PageController中基于rest风格的url方式优化返回UI页面的方法。找出共性进行提取，例如：

@RequestMapping("{module}/{moduleUI}")
public String doModuleUI(@PathVariable String moduleUI) {
 return "sys/"+moduleUI;
}

  1. 客户端实现

  2. 首页菜单事件处理

  • 业务描述与设计实现
    首先准备菜单列表页面(/templates/pages/sys/menu_list.html)，然后在starter.html页面中点击菜单管理时异步加载菜单列表页面。
  • 关键代码设计与实现
    找到项目中的starter.html页面，页面加载完成以后，注册菜单管理项的点击事件，当点击菜单管理时，执行事件处理函数。关键代码如下：
$(function(){
 …
 doLoadUI("load-menu-id","menu/menu_list")
})
说明:对于doLoadUI函数,假如在starter.html中已经定义,则无需再次定义.
function doLoadUI(id,url){
 $("#"+id).click(function(){
 $("#mainContentId").load(url);
 });
}

其中，load函数为jquery中的ajax异步请求函数。

  1. 菜单列表页面

  • 业务描述与设计实现
    本页面呈现菜单信息时要以树结构形式进行呈现。此树结构会借助jquery中的treeGrid插件进行实现，所以在菜单列表页面需要引入treeGrid相关JS。但是，具体的treeGrid怎么用可自行在网上进行查询（已比较成熟）。
  • 关键代码设计与实现：

关键JS引入（menu_list.html），代码如下：

  1. 菜单管理列表数据呈现

  2. 数据架构分析

    菜单列表页面加载完成，启动菜单数据异步加载操作，本次菜单列表页面要呈现菜单以及信息，其数据查询时，数据的封装及传递过程，如图-8所示。
    16-03动吧旅游生态系统的设计-菜单管理设计_第6张图片

  3. 服务端关键业务及代码实现

  4. Dao接口实现

  • 业务描述及设计实现

通过数据层对象，基于业务层参数，查询菜单以及上级菜单信息(要查询上级菜单名)。

  • 关键代码分析及实现

第一步：定义数据层接口对象，通过此对象实现数据库中菜单数据的访问操作。关键代码如下：

@Mapper
public interface SysMenuDao {
}

第二步：在SysMenuDao接口中添加findObjects方法，基于此方法实现菜单数据的查询操作。代码如下：

List> findObjects();

说明：一行记录映射为一个map对象,多行存储到list。

  1. Mapper文件实现

  • 业务描述及设计实现

基于Dao接口创建映射文件，在此文件中通过相关元素(例如select)描述要执行的数据操作。

  • 关键代码设计及实现

第一步：在映射文件的设计目录中添加SysMenuMapper.xml映射文件，代码如下：

第二步：在映射文件中添加id为findObjects的元素，实现菜单记录查询。我们要查询所有菜单以及菜单对应的上级菜单名称。关键代码如下：

说明：自关联查询分析，如图-10所示：
image.png

  1. Service接口及实现类

  • 业务描述与设计实现
    在菜单查询中，业务层对象主要是借助数据层对象完成菜单数据的查询。后续还可以基于AOP对数据进行缓存，记录访问日志等。
  • 关键代码设计及实现

第一步：定义菜单业务接口及方法，暴露外界对菜单业务数据的访问，其代码参考如下：

package com.cy.pj.sys.service;
public interface SysMenuService {
 List> findObjects();
}

第二步：定义菜单业务接口实现类，并添加菜单业务数据对应的查询操作实现,其代码参考如下：

package com.cy.pj.sys.service.impl;
@Service
public class SysMenuServiceImpl implements SysMenuService{
 @Autowired
 private SysMenuDao sysMenuDao;
 @Override
 public List> findObjects() {
 List> list=
 sysMenuDao.findObjects();
 if(list==null||list.size()==0)throw new ServiceException("没有对应的菜单信息");
 return list;
}

  1. Controller类实现

  • 业务描述与设计实现
    控制层对象主要负责请求和响应数据的处理，例如，本模块通过业务层对象执行业务逻辑，再通过VO对象封装响应结果(主要对业务层数据添加状态信息)，最后将响应结果转换为JSON格式的字符串响应到客户端。
  • 关键代码设计与实现

定义Controller类，并将此类对象使用Spring框架中的@Controller注解进行标识，表示此类对象要交给Spring管理。然后基于@RequestMapping注解为此类定义根路径映射。代码参考如下：

package com.cy.pj.sys.controller;
@RequestMapping("/menu/")
@RestController
public class SysMenuController {
}

说明：这里的@RestController注解等效于在类上同时添加了@Controller和  @ResponseBody注解.
在Controller类中添加菜单查询处理方法，代码参考如下：

@RequestMapping("doFindObjects")
public JsonResult doFindObjects() {
 return new JsonResult(sysMenuService.findObjects());
}

  1. 客户端关键业务及代码实现

  2. 菜单列表信息呈现

  • 业务描述与设计实现
    菜单页面加载完成以后，向服务端发起异步请求加载菜单信息，当菜单信息加载完成需要将菜单信息呈现到列表页面上。
  • 关键代码设计与实现

第一步：在菜单列表页面引入treeGrid插件相关的JS。

第二步：在菜单列表页面，定义菜单列表配置信息，关键代码如下：

var columns = [
{
 field : 'selectItem',
 radio : true
},
{
 title : '菜单ID',
 field : 'id',
 align : 'center',
 valign : 'middle',
 width : '80px'
},
{
 title : '菜单名称',
 field : 'name',
 align : 'center',
 valign : 'middle',
 width : '130px'
},
{
 title : '上级菜单',
 field : 'parentName',
 align : 'center',
 valign : 'middle',
 sortable : true,
 width : '100px'
},
{
 title : '类型',
 field : 'type',
 align : 'center',
 valign : 'middle',
 width : '70px',
 formatter : function(item, index) {
 if (item.type == 1) {
 return '菜单';
 }
 if (item.type == 2) {
 return '按钮';
 }
 }
},
{
 title : '排序号',
 field : 'sort',
 align : 'center',
 valign : 'middle',
 sortable : true,
 width : '70px'
},
{
 title : '菜单URL',
 field : 'url',
 align : 'center',
 valign : 'middle',
 width : '160px'
},
{
 title : '授权标识',//要显示的标题名称
 field : 'permission',//json串中的key
 align : 'center',//水平居中
 valign : 'middle',//垂直居中
 sortable : false //是否排序
} ];//格式来自官方demos -->treeGrid(jquery扩展的一个网格树插件)

第三步：定义异步请求处理函数，代码参考如下：

function doGetObjects(){//treeGrid
 //1.构建table对象(bootstrap框架中treeGrid插件提供)
 var treeTable=new TreeTable(
 "menuTable",//tableId
 "menu/doFindObjects",//url
 columns);
 //设置从哪一列开始展开(默认是第一列)
 //treeTable.setExpandColumn(2);
 //2.初始化table对象(底层发送ajax请求获取数据)
 treeTable.init();//getJSON,get(),...
}

第四步：页面加载完成，调用菜单查询对应的异步请求处理函数，关键代码如下：

$(function(){
 doGetObjects();
})

  1. 菜单管理删除操作实现

  2. 业务时序分析

    -----

    基于用户在列表页面上选择的的菜单记录ID，执行删除操作，本次删除业务实现中，首先要基于id判断当前菜单是否有子菜单，假如有子菜单则不允许删除，没有则先删除菜单角色关系数据，然后再删除菜单自身信息。其时序分析如图-11所示：
    16-03动吧旅游生态系统的设计-菜单管理设计_第7张图片

    1. 服务端关键业务及代码实现

  3. Dao接口实现

  • 业务描述及设计实现

数据层基于业务层提交的菜单记录id，删除菜单角色关系以及菜单数据，菜单自身记录信息。

  • 关键代码设计及实现

第一步：创建SysRoleMenuDao并定义基于菜单id删除关系数据的方法，关键代码如下：

@Mapper
public interface SysRoleMenuDao {
 int deleteObjectsByMenuId(Integer menuId);
}

第二步：在SysMenuDao中添加基于菜单id查询子菜单记录的方法。代码参考如下：

int getChildCount(Integer id);

第三步：在SysMenuDao中添加基于菜单id删除菜单记录的方法。代码参考如下：

int deleteObject(Integer id);

  1. Mapper文件实现

  • 业务描述及设计实现

在SysRoleMenuDao,SysMenuDao接口对应的映射文件中添加用于执行删除业务的delete元素，然后在元素内部定义具体的SQL实现。

  • 关键代码设计与实现

第一步：创建SysRoleMenuMapper.xml文件并添加基于菜单id删除关系数据的元素，关键代码如下：





 delete from sys_role_menus
 where menu_id=#{menuId}

第二步：在SysMenuMapper.xml文件中添加基于id统计子菜单数量的元素，关键代码如下：

第三步：在SysMenuMapper.xml文件添加delete元素,基于带单id删除菜单自身记录信息，关键代码如下：


 delete from sys_menus
 where id =#{id}

  1. Service接口及实现类

  • 业务描述与设计实现
    在菜单业务层定义用于执行菜单删除业务的方法，首先通过方法参数接收控制层传递的菜单id，并对参数id进行校验。然后基于菜单id统计子菜单个数，假如有子菜单则抛出异常，提示不允许删除。假如没有子菜单，则先删除角色菜单关系数据。最后删除菜单自身记录信息后并返回业务执行结果。
  • 关键代码设计与实现

第一步：在SysMenuService接口中，添加基于id进行菜单删除的方法。关键代码如下：

int deleteObject(Integer id);

第二步：在SysMenuServiceImpl实现类中注入SysRoleMenuDao相关对象。关键代码如下：

@Autowired
private SysRoleMenuDao sysRoleMenuDao;

第三步：在SysMenuServiceImpl实现类中添加删除业务的具体实现。关键代码如下：

 @Override
 public int deleteObject(Integer id) {
 //1.验证数据的合法性
 if(id==null||id<=0)throw new IllegalArgumentException("请先选择");
 //2.基于id进行子元素查询
 int count=sysMenuDao.getChildCount(id);
 if(count>0)throw new ServiceException("请先删除子菜单");
 //3.删除角色,菜单关系数据
 sysRoleMenuDao.deleteObjectsByMenuId(id);
 //4.删除菜单元素
 int rows=sysMenuDao.deleteObject(id);
 if(rows==0)throw new ServiceException("此菜单可能已经不存在");
 //5.返回结果
 return rows;
 }

  1. Controller类实现

  • 业务描述与设计实现
    在菜单控制层对象中，添加用于处理菜单删除请求的方法。首先在此方法中通过形参接收客户端提交的数据，然后调用业务层对象执行删除操作，最后封装执行结果，并在运行时将响应对象转换为JSON格式的字符串，响应到客户端。
  • 关键代码设计与实现

第一步：在SysMenuController中添加用于执行删除业务的方法。代码如下：

 @RequestMapping("doDeleteObject")
 public JsonResult doDeleteObject(Integer id){
 sysMenuService.deleteObject(id);
 return new JsonResult("delete ok");
 }

第二步：启动tomcat进行访问测试，打开浏览器输入如下网址：

http://localhost/menu/doDeleteObject?id=10

  1. 客户端关键业务及代码实现

  2. 菜单列表页面事件处理

  • 业务描述及设计实现

用户在页面上首先选择要删除的元素，然后点击删除按钮，将用户选择的记录id异步提交到服务端，最后在服务端执行菜单的删除动作。

  • 关键代码设计与实现

第一步：页面加载完成以后，在删除按钮上进行点击事件注册。关键代码如下：

$(".input-group-btn")
 .on("click",".btn-delete",doDeleteObject)

第二步：定义删除操作对应的事件处理函数。关键代码如下：

function doDeleteObject(){
 //1.获取选中的记录id
 var id=doGetCheckedId();
 if(!id){
 alert("请先选择");
 return;
 }
 //2.给出提示是否确认删除
 if(!confirm("确认删除吗"))return;
 //3.异步提交请求删除数据
 var url="menu/doDeleteObject";
 var params={"id":id};
 $.post(url,params,function(result){
 if(result.state==1){
 alert(result.message);
 $("tbody input[type='radio']:checked")
 .parents("tr").remove();
 }else{
 alert(result.message);
 }
 });
}

第三步：定义获取用户选中的记录id的函数。关键代码如下：

function doGetCheckedId(){
 //1.获取选中的记录
 var selections=$("#menuTable")
 //bootstrapTreeTable是treeGrid插件内部定义的jquery扩展函数
 //getSelections为扩展函数内部要调用的一个方法
 .bootstrapTreeTable("getSelections");
 //2.对记录进行判定
 if(selections.length==1)
 return selections[0].id;
}

  1. 菜单添加页面呈现

  2. 业务时序分析

添加页面加载时序分析，如图-12所示：
16-03动吧旅游生态系统的设计-菜单管理设计_第8张图片

  1. 准备菜单编辑页面

    首先准备菜单列表页面(/templates/module/sys/menu_edit.html)，然后在menu_list.html页面中点击菜单添加时异步加载菜单编辑页面。

  2. 菜单编辑页面呈现

  • 业务描述与设计实现

菜单列表页面点击添加按钮时，异步加载菜单编辑页面。

  • 关键代码设计与实现

第一步：菜单列表页面上，对添加按钮进行事件注册，关键代码如下：

$(document).ready(function(){
 ... 
 $(".input-group-btn")
 .on("click",".btn-add",doLoadEditUI);
});

第二步：定义添加按钮事件处理函数，关键代码如下：

function doLoadEditUI(){
 var title;
 if($(this).hasClass("btn-add")){
 title="添加菜单"
 }
 var url="menu/menu_edit";
 $("#mainContentId").load(url,function(){
 $(".box-title").html(title);
 })
}

  1. 菜单编辑页面上级菜单呈现

  2. 业务时序分析

在菜单编辑页面上，点击上级菜单时，其数据加载时序分析，如图-13所示：
16-03动吧旅游生态系统的设计-菜单管理设计_第9张图片

  1. 服务端关键业务及代码实现

  2. Pojo对象

  • 业务描述与设计实现

定义值对象封装查询到的上级菜单id，name，parentId信息。

  • 关键代码设计与实现
package com.cy.pj.common.pojo;
@Date
public class Node implements Serializable{
 private static final long serialVersionUID = -6577397050669133046L;
 private Integer id;
 private String name;
 private Integer parentId;

  1. Dao接口实现

  • 业务描述与设计实现
    基于请求获取数据库对应的菜单表中的所有菜单id,name,parentId，一行记录封装为一个Node对象，多个node对象存储到List集合
  • 关键代码设计与实现

在SysMenuDao接口中添加，用于查询上级菜单相关信息。关键代码如下：

List findZtreeMenuNodes();

  1. Mapper映射文件

  • 业务描述与设计实现

基于SysMenuMapper中方法的定义，编写用于菜单查询的SQL元素。

  • 关键代码设计与实现

在SysMenuMapper.xml中添加findZtreeMenuNodes元素，用于查询上级菜单信息。关键代码如下：

  1. Service接口及实现类

  • 业务描述与设计实现

基于用户请求，通过数据层对象获取上级菜单相关信息。

  • 关键代码实现

第一步：在SysMenuService接口中，添加查询菜单信息的方法。关键代码如下：

List findZtreeMenuNodes()

第二步：在SysMenuServiceImpl类中添加，查询菜单信息方法的实现。关键代码如下：

@Override
 public List findZtreeMenuNodes() {
 return sysMenuDao.findZtreeMenuNodes();
 }

  1. Controller类实现

  • 业务描述与设计实现

基于客户端请求,访问业务层对象方法,获取菜单节点对象,并封装返回。

  • 关键代码设计与实现
@RequestMapping("doFindZtreeMenuNodes")
public JsonResult doFindZtreeMenuNodes(){
 return new JsonResult(sysMenuService.findZtreeMenuNodes());
}

  1. 客户端关键业务及代码实现

  2. ZTree结构定义

  • 业务描述与设计实现

本模块以开源JS组件方式实现ZTree结构信息的呈现。

  • 关键代码设计与实现

在menu_edit.html页面中定义用于呈现树结构的DIV组件（假如已有则无需定义）

  1. ZTree数据呈现

  • 业务描述与设计实现

引入zTree需要的JS，并，并基于JS中的定义的API初始化zTree中的菜单信息。

  • 关键代码设计与实现

第一步：引入js文件

第二步：在menu_edit.html中定义zTree配置信息(初始化zTree时使用)

var zTree;
var setting = {
 data : {
 simpleData : {
 enable : true,
 idKey : "id", //节点数据中保存唯一标识的属性名称
 pIdKey : "parentId", //节点数据中保存其父节点唯一标识的属性名称
 rootPId : null //根节点id
 }
 }
 }

第二步：定义异步加载zTree信息的函数，关键代码如下：

function doLoadZtreeNodes(){
 var url="menu/doFindZtreeMenuNodes";
 //异步加载数据,并初始化数据
 $.getJSON(url,function(result){
 if(result.state==1){
 //使用init函数需要先引入ztree对应的js文件
 zTree=$.fn.zTree.init(
 $("#menuTree"),
 setting,
 result.data);
 $("#menuLayer").css("display","block");
 }else{
 alert(result.message);
 }
 })
 }

第三步：定义zTree中取消按钮事件处理函数，点击取消隐藏zTree。关键代码如下：

 function doHideTree(){
 $("#menuLayer").css("display","none");
 }

第四步：定义zTree中确定按钮对应的事件处理处理函数。关键代码如下：

function doSetSelectNode(){
 //1.获取选中的节点对象
 var nodes=zTree.getSelectedNodes();
 if(nodes.length==1){ 
var node=nodes[0];
 console.log(node);
 //2.将对象中内容,填充到表单
 $("#parentId").data("parentId",node.id);
 $("#parentId").val(node.name);
}
 //3.隐藏树对象
 doHideTree();
 }

第五步：定义页面加载完成以后的事件处理函数：

$(document).ready(function(){
 $("#mainContentId")
 .on("click",".load-sys-menu",doLoadZtreeNodes)
 $("#menuLayer")
 .on("click",".btn-confirm",doSetSelectNode)
 .on("click",".btn-cancel",doHideTree)
 });

  1. 菜单数据添加实现

  2. 数据基本架构分析

用户在菜单编辑页面输入数据，然后异步提交到服务端，其简易数据传递基本架构，如图-14所示：
16-03动吧旅游生态系统的设计-菜单管理设计_第10张图片

  1. 服务端关键业务及代码实现

  2. Pojo类定义

  • 业务描述与设计实现

定义持久化对象，封装客户端请求数据，并将数据传递到数据层进行持久化。

  • 关键代码设计与实现

菜单持久层对象类型定义，关键代码如下：

package com.cy.pj.sys.pojo;
import lombok.Data;
import java.io.Serializable;
import java.util.Date;
@Data
public class SysMenu implements Serializable {
    private static final long serialVersionUID = -3366721992602387074L;
    private Integer id;
    //菜单名称
 private String name;
     //菜单 url: log/doFindPageObjects private String url;
     //菜单类型(两种:按钮,普通菜单)
 private Integer type = 1;
     //排序(序号)
 private Integer sort;
     //备注
 private String note;
    //上级菜单 id private Integer parentId;
     //菜单对应的权限标识(sys:log:delete)
 private String permission;
     //创建用户
 private String createdUser;
    //修改用户
 private String modifiedUser;
    private Date createdTime;
    private Date modifiedTime;
}

  1. DAO接口定义

  • 业务描述与设计实现

负责将用户提交的菜单数据，持久化到数据库。

  • 关键代码设计与实现

在SysMenuDao接口中定义数据持久化方法：

int insertObject(SysMenu entity);

  1. Mapper映射文件定义

  • 业务描述与设计实现

基于SysMenuDao中方法的定义，编写用于实现菜单添加的SQL元素。

  • 关键代码设计与实现

在SysMenuMapper.xml中添加insertObject元素，用于写入菜单信息。关键代码如下：


 insert into sys_menus
 (name,url,type,sort,note,parentId,permission,
createdTime,modifiedTime,createdUser,modifiedUser)
 values
 (#{name},#{url},#{type},#{sort},#{note},#{parentId},
#{permission},now(),now(),#{createdUser},#{modifiedUser})

  1. Service接口定义及实现

  • 业务描述与设计实现

基于控制层请求，调用数据层对象将菜单信息写入到数据库中。

  • 关键代码设计与实现

第一步：在SysMenuService接口中，添加用于保存菜单对象的方法。关键代码如下：

int saveObject(SysMenu entity);

第二步：在SysMenuServiceImpl类中，实现菜单保存操作。关键代码如下：

@Override
public int saveObject(SysMenu entity) {
 //1.合法验证
 if(entity==null)throw new IllegalArgumentException("保存对象不能为空");
 if(StringUtils.isEmpty(entity.getName()))throw new IllegalArgumentException("菜单名不能为空");
 //2.保存数据
 int rows=sysMenuDao.insertObject(entity);
 //3.返回数据
 return rows;
 }

  1. Controller类定义

  • 业务描述与设计实现

接收客户端提交的菜单数据，并对其进行封装，然后调用业务层对象进行业务处理，最后将业务层处理结果响应到客户端。

  • 关键代码设计与实现

定义Controller方法，借助此方法处理保存菜单数据请求和响应逻辑。关键代码如下：

 @RequestMapping("doSaveObject")
 public JsonResult doSaveObject(SysMenu entity){
 sysMenuService.saveObject(entity);
 return new JsonRehlt("保存成功");
 }

  1. 客户端关键业务及代码实现

  2. 页面cancel按钮事件处理

  • 业务描述与设计实现

点击页面cancel按钮时，加载菜单那列表页面。

  • 关键代码设计与实现

第一步：事件注册（页面加载完成以后）

 $(".box-footer")
 .on("click",".btn-cancel",doCancel)

第二步：事件处理函数定义

function doCancel(){

 var url="menu/menu_list";

 $("#mainContentId").load(url); 

 }

  1. 页面Save按钮事件处理

  • 业务描述与设计实现

点击页面save按钮时，将页面上输入的菜单信息异步提交到服务端。

  • 关键代码设计与实现

第一步：事件注册（页面加载完成以后）。

 $(".box-footer")
 .on("click",".btn-save",doSaveOrUpdate)

第二步：Save按钮事件处理函数定义。关键代码如下：

function doSaveOrUpdate(){
 //1.获取表单数据
 var params=doGetEditFormData();
 //2.定义url
 var url="menu/doSaveObject";
 //3.异步提交数据
 $.post(url,params,function(result){
 if(result.state==1){
 alert(result.message);
 doCancel();
 }else{
 alert(result.message);
 }
 });
 }

第三步：表单数据获取及封装函数定义。关键代码如下：

function doGetEditFormData(){
 var params={
 type:$("form input[name='typeId']:checked").val(),
 name:$("#nameId").val(),
 url:$("#urlId").val(),
 sort:$("#sortId").val(),
 permission:$("#permissionId").val(),
 parentId:$("#parentId").data("parentId")
 }
 return params;
 }

  1. 菜单修改页面数据呈现

  2. 业务时序分析

当在菜单列表页面中选中某条记录，然后点击修改按钮时，其业务时序分析如图-16所示：
16-03动吧旅游生态系统的设计-菜单管理设计_第11张图片

  1. 客户端关键业务及代码实现

  2. 列表页面修改按钮事件处理

  • 业务描述与设计实现

点击页面修改按钮时，获取选中菜单记录，并异步加载编辑页面。

  • 关键代码设计与实现

第一步：列表页面修改按钮事件注册，关键代码如下：

$(".input-group-btn")
.on("click",".btn-update",doLoadEditUI);

第二步：修改按钮事件处理函数定义或修改，关键代码如下：

function doLoadEditUI(){
 var title;
 if($(this).hasClass("btn-add")){
 title="添加菜单"
 }else if($(this).hasClass("btn-update")){
 title="修改菜单"
 //获取选中的记录数据
 var rowData=doGetCheckedItem();
 if(!rowData){
 alert("请选择一个");
 return;
 }
 $("#mainContentId").data("rowData",rowData);
 }
 var url="menu/menu_edit";
 $("#mainContentId").load(url,function(){
 $(".box-title").html(title);
 })
}

第三步：获取用户选中记录的函数定义。关键代码如下：

function doGetCheckedItem(){
 var tr=$("tbody input[type='radio']:checked")
 .parents("tr");
 return tr.data("rowData");
}

  1. 编辑页面菜单数据呈现

  • 业务描述与设计实现

页面加载完成，在页面指定位置呈现要修改的数据。

  • 关键代码设计与实现

第一步：页面加载完成以后，获取页面div中绑定的数据。关键代码如下：

$(function(){
 …
 //假如是修改
 var data=$("#mainContentId").data("rowData");
 if(data)doInitEditFormData(data);
 });

第二步：定义编辑页面数据初始化方法。关键代码如下：

function doInitEditFormData(data){
 /*   $("input[type='radio']").each(function(){
 if($(this).val()==data.type){
 $(this).prop("checked",true);
 }
 }) */
 $(".typeRadio input[value='"+data.type+"']").prop("checked",true);
 $("#nameId").val(data.name);
 $("#sortId").val(data.sort);
 $("#urlId").val(data.url);
 $("#permissionId").val(data.permission);
 $("#parentId").val(data.parentName);
 $("#parentId").data("parentId",data.parentId);
 }

  1. 菜单数据更新实现

  2. 业务时序分析

当点击编辑页面更新按钮时，其时序分析如图-17所示：
16-03动吧旅游生态系统的设计-菜单管理设计_第12张图片

  1. 服务端关键业务及代码实现

  2. DAO接口实现

  • 业务描述与设计实现

负责将用户编辑页面提交到服务端的菜单数据，更新到数据库进行持久性存储。

  • 关键代码设计与实现

在SysMenuDao接口中添加数据更新方法，关键代码如下：

int updateObject(SysMenu entity);

  1. Mapper映射文件定义

  • 业务描述与设计实现

基于SysMenuDao中updateObject方法的定义，编写用于实现菜单更新的SQL元素。

  • 关键代码设计与实现

在SysMenuMapper.xml中添加updateObject元素，用于更新菜单信息。关键代码如下：


 update sys_menus
 set
 name=#{name},
 type=#{type},
 sort=#{sort},
 url=#{url},
 parentId=#{parentId},
 permission=#{permission},
 modifiedUser=#{modifiedUser},
 modifiedTime=now()
 where id=#{id}

  1. Service接口及实现

  • 业务描述与设计实现

基于控制层请求，对数据进行校验并调用数据层对象将菜单信息更新到数据库中。

  • 关键代码设计与实现

第一步：在SysMenuService接口中，添加用于更新菜单对象的方法。关键代码如下：

int updateObject(SysMenu entity);

第二步：在SysMenuServiceImpl类中，实现菜单保存操作。关键代码如下：

@Override
public int updateObject(SysMenu entity) {
 //1.合法验证
 if(entity==null)throw new ServiceException("保存对象不能为空");
 if(StringUtils.isEmpty(entity.getName()))throw new ServiceException("菜单名不能为空");
 //2.更新数据
 int rows=sysMenuDao.updateObject(entity);
 if(rows==0)throw new ServiceException("记录可能已经不存在");
 //3.返回数据
 return rows;
}

  1. Controller类定义

  • 业务描述与设计实现

接收客户端提交的菜单数据，并对其进行封装，然后调用业务层对象进行业务处理，最后将业务层处理结果响应到客户端。

  • 关键代码设计与实现

定义Controller方法，借助此方法处理保存菜单数据请求和响应逻辑。关键代码如下：

 @RequestMapping("doUpdateObject")
 public JsonResult doUpdateObject(SysMenu entity){
 sysMenuService.updateObject(entity);
 return new JsonResult("update ok");
 }

  1. 客户端关键业务及代码实现

  2. 编辑页面更新按钮事件处理

  • 业务描述与设计实现

点击页面save按钮时，将页面上输入的菜单编辑信息提交到服务端。

  • 关键代码设计与实现

编辑Save按钮对应的事件处理函数。关键代码如下：

 function doSaveOrUpdate(){
 //1.获取表单数据
 var params=doGetEditFormData();
var rowData=$("#mainContentId").data("rowData");
 //2.定义url
 var insertUrl="menu/doSaveObject";
 var updateUrl="menu/doUpdateObject";
 var url=rowData?updateUrl:insertUrl;
 if(rowData)params.id=rowData.id;
 //3.异步提交数据
 $.post(url,params,function(result){
 if(result.state==1){
 alert(result.message);
 doCancel();
 }else{
 alert(result.message);
 }
 });
 }

  1. 总结

  2. 重难点分析

  • 菜单管理在整个系统中的定位(资源管理)。
  • 菜单数据的自关联查询实现（查询当前菜单以及这个菜单的上级菜单）。
  • 菜单管理中数据的封装过程（请求数据，响应数据)。
  • 菜单数据在客户端的呈现。(treeGrid，zTree)

  1. FAQ分析

  • 菜单表是如何设计的，都有哪些字段？
  • 菜单列表数据在客户端是如何展示的？（TreeGrid）
  • 菜单删除业务是如何处理的？
  • 菜单编辑页面中上级菜单数据的呈现方式？（zTree）
  • 常用表连接方式，如图-18所示：

16-03动吧旅游生态系统的设计-菜单管理设计_第13张图片

  1. BUG分析

  • 无效参数异常(IllegalArgumentException)，，如图-19所示：

image.png
问题分析：检查当前执行的业务，其结果映射配置，是否将resultType写成了resultMap。

  • 菜单编辑页面，上级菜单树结构呈现，如图-20所示：

16-03动吧旅游生态系统的设计-菜单管理设计_第14张图片
问题分析：检查查询结果中是否有parentId，或映射对象Node中parentId是否写错。

  • 属性值注入失败，如图-21所示：

16-03动吧旅游生态系统的设计-菜单管理设计_第15张图片
问题分析：检查Spring容器中是否有SysMenuService接口的实现类对象，因为在SysMenuController中需要一个这样的对象。

你可能感兴趣的:(springboot)

  • Hutool TreeUtil快速构建树形数据结构 yifanghub 工具类java
    在管理菜单、部门结构等场景时，我们经常需要将数据库中的层级数据转换为树形结构。本文将通过Hutool的TreeUtil工具类，实现零递归快速构建树形结构。一、环境准备JDK1.8+SpringBoot2.xHutool5.8.16MySQL8.0二、数据准备--创建部门表CREATETABLE`sys_dept`(`id`intNOTNULLAUTO_INCREMENT,`dept_name`va
  • 2.Spring Cloud生态全景解析：核心组件、能力边界与定位 碎风影 SpringCloud深度解析springcloudspring后端
    导语：SpringCloud并非单一框架，而是基于SpringBoot构建的分布式系统工具集。它通过标准化封装，将服务发现、配置管理、熔断限流等复杂基础设施转化为开箱即用的组件，让开发者聚焦业务逻辑。本文将系统解析其核心组成、与SpringBoot的共生关系，并客观审视其能力边界，助您构建清晰的微服务技术选型地图。一、核心基石：SpringBoot与SpringCloud的共生关系关键结论：Spr
  • SpringBoot3+JPA+MySQL实现多数据源的读写分离(基于EntityManagerFactory) 没刮胡子 java软件开发技术实战专栏SpringBoot3JPAMySQL多数据源读写分离
    1、简介在SpringBoot中配置多个数据源并实现自动切换EntityManager，这里我编写了一个RoutingEntityManagerFactory和AOP（面向切面编程）的方式来实现。这里我配置了两个数据源：primary和secondary，其中primary主数据源用来写入数据，secondary从数据源用来读取数据。注意1：使用Springboot3的读写分离，首先要保证主库和从
  • Spring Boot + Spring JPA + JDBC + Druid实现动态数据源切换 Apr01Chell 代码片段springjava数据库
    SpringBoot+SpringJPA+JDBC+Druid实现动态数据源切换目录SpringBoot+SpringJPA+JDBC+Druid实现动态数据源切换AbstractRoutingDataSource源码分析需求代码实现DynamicDataSourceDBContextHolderDruidDbConfigDataSourcePropertiesAllDataSourcesExec
  • Spring框架中的Component与Bean注解
    SpringBoot中的@Bean与@Component![](https://pic4.zhimg.com/v2-f957e9ec5412c87a66ccb021410eaae9_14...)Spring的@Component和@Bean注解的关键区别在于：@Bean注解可用于暴露您自己编写的JavaBeans，而@Component注解可用于暴露源代码由他人维护的JavaBeans。Sprin
  • 【视频观看系统】- 技术与架构选型
    ✅项目技术选型方案一、整体架构风格项目层级技术选型说明架构风格微服务架构（SpringCloud）独立部署、易扩展、易维护服务通信HTTP（RestTemplate或Feign）+RocketMQ同步调用+异步事件注册中心Nacos服务注册、发现、配置中心配置中心Nacos配置管理多服务统一配置API网关SpringCloudGateway路由转发、权限验证、限流服务监控SpringBootAdm
  • SpringBoot ThreadLocal 全局动态变量设置 xdscode springbootjavaThreadLocal
    需求说明：现有一个游戏后台管理系统，该系统可管理多个大区的数据，但是需要使用大区id实现数据隔离，并且提供了大区选择功能，先择大区后展示对应的数据。需要实现一下几点：1.前端请求时，area_id是必传的1.数据隔离，包括查询及增删改：使用mybatis拦截器实现2.多个用户同时操作互不影响3.非前端调用场景的处理：定时任务、mq1.前端决定area_id为了解决多个用户可以互不影响的使用不同的a
  • 实操 SpringBoot+MCP！ 清风孤客 springboot后端java人工智能
    引言随着人工智能的飞速发展，大语言模型(LLM)正在革命性地重塑用户与软件的交互范式。想象一下这样的场景：用户无需钻研复杂的API文档或者在繁琐的表单间来回切换，只需通过自然语言直接与系统对话——“帮我查找所有2023年出版的图书”、“创建一个新用户叫张三，邮箱是[email protected]”。这种直观、流畅的交互方式不仅能显著降低新用户的学习曲线，更能大幅削减B端系统的培训成本和实施
  • 【SpringBoot】Spring Boot 高并发优化终极指南，涵盖线程模型、JVM 调优、数据库访问、缓存策略等 15+ 核心模块 夜雨hiyeyu.com javaspringbootjvmspringjava后端性能优化系统架构
    SpringBoot高并发优化终极指南，涵盖线程模型、JVM调优、数据库访问、缓存策略等15+核心模块一、线程模型深度调优（核心瓶颈突破）1.Tomcat线程池原子级配置2.异步任务线程池隔离策略二、JVM层终极调参（G1GC深度优化）1.内存分配策略2.GC日志分析技巧三、缓存策略原子级优化1.三级缓存架构实现2.缓存穿透/雪崩防护四、数据库访问极致优化1.连接池死亡参数配置2.分页查询深度优化
  • SpringBoot+AOP+自定义注解，实现日志记录
    一.定义自定义注解importjava.lang.annotation.*;/***@authorawen*定义注解目的想让他当作切点*/@Target({ElementType.METHOD})@Retention(RetentionPolicy.RUNTIME)//.java.class字节码@Documentedpublic@interfaceLog{/***处理类型**@return{@l
  • spring boot使用mybatis-plus实现分页功能 kong@react springbootmybatis后端
    使用MyBatis-Plus实现分页功能MyBatis-Plus提供了内置的分页插件，可以轻松实现分页查询功能。以下是实现分页的具体方法：配置分页插件在SpringBoot项目中，需要在配置类中注册分页插件：@ConfigurationpublicclassMybatisPlusConfig{@BeanpublicMybatisPlusInterceptormybatisPlusIntercept
  • springboot通过aop实现全局日志(是否自定义注解都可以) 甜无能 springbootjava#aopspringbootjavaaop全局日志自定义注解
    内容参考自以下两个链接1、springboot中使用AOP切面完成全局日志_aop全局日志_邹飞鸣的博客-CSDN博客使用AOP记录日志_aop日志_trusause的博客-CSDN博客第一个链接思路很清晰,讲的也很详细,第二个链接讲了自定义注解为了便于自己理解做了以下整理目录1.aspectj基本概念2.添加aop依赖3.进行切面处理(1)切面类(2)自定义注解(3)controller和ser
  • SpringBoot AOP+注解 全局日志记录 xdscode springbootjavaAOP
    一、需求描述如何优雅地记录用户操作日志？网站后台，功能开发完成后，新增了一个需求，即需要记录用户的各种操作记录。由于是在开发后期，如果针对每一个功能都去添加一段记录日志的代码，工作量较大、代码侵入性太强，因此采用AOP+注解的方式实现。可读性大大提高，且便于维护和扩展。AOP：面向切面编程，在不修改现有逻辑代码的情况下，增强功能，恰好体现了spring的理念：无入侵式自定义注解：当被注解的方法执行
  • Spring Bean 生命周期 SmartLifecycle接口介绍和使用场景 和 Lifecycle对比 极光雨雨 #Spring全家springjava
    在SpringBoot中，SmartLifecycle是org.springframework.context.Lifecycle接口的一个扩展接口，它提供了更细粒度的控制生命周期的方法。Spring容器管理Bean的生命周期时，可以通过实现SmartLifecycle接口来定义自定义的启动和关闭逻辑。一、使用前提需要在Spring容器启动完成后执行某些初始化操作。需要在应用关闭前做一些清理工作（
  • SpringBoot+Mybatis+MySQL+Vue+ElementUI前后端分离版：整体布局、架构调整（二） 喜欢敲代码的程序员 前后端分离SpringBootSpringspringbootmybatismysqlvue.jselementui
    目录一、前言二、后端调整1.实体类调整2.菜单相关接口3.用户相关接口4.新增工具类5.新增菜单树返回类6.配置类、拦截器三、前端调整1.请求调整2.页面布局、样式调整1.user.vue2.index.vue3.请求拦截四、开发过程中的问题五、附：源码1.源码下载地址六、结语一、前言此文章在上次的基础上进行了部分调整，并根据用户体验（我自己）确认了页面整体布局和数据呈现，暂定就先这样，后续有需要
  • Spring Security：认证与授权的实现原理及实践
    SpringSecurity是Spring生态中强大的安全框架，用于为Java应用提供认证（Authentication）和授权（Authorization）功能。根据2024年StackOverflow开发者调查，SpringBoot是Java开发者中最流行的框架，约60%的Java开发者使用它构建微服务，而SpringSecurity是其首选安全解决方案。本文深入剖析SpringSecurit
  • [3-02-01].第14节：三方整合 - SpringData整合Redis集群 1.01^1000 阶段03：企业框架springboot
    Redis大纲一、SpringBoot整合主从架构的Redis：1.1.问题说明：1.在Sentinel集群监管下的Redis哨兵架构中，其节点会因为自动故障转移而发生变化，Redis的客户端必须感知这种变化，及时更新连接信息2.SpringBoot中的RedisTemplate底层利用lettuce实现了节点的感知和自动切换，我们需要进行配置才可以实现这种动态上下线的情况。下面，我们通过一个测试
  • 大模型之Spring AI实战系列（三十二）：Spring Boot + DeepSeek 实战指南：工具函数（Function Call）实战应用
    系列篇章No.文章1大模型之SpringAI实战系列（一）：基础认知篇-开启智能应用开发之旅2大模型之SpringAI实战系列（二）：SpringBoot+OpenAI打造聊天应用全攻略3大模型之SpringAI实战系列（三）：SpringBoot+OpenAI实现聊天应用上下文记忆功能4大模型之SpringAI实战系列（四）：SpringBoot+OpenAI使用OpenAIEmbedding实
  • SpringBoot-19-企业云端开发实践之web开发晋级 皮皮冰燃 SpringBootspringboot前端后端
    文章目录1静态资源访问1.1static静态资源目录1.2application.properties(过滤规则)2文件上传2.1文件上传原理2.2SprintBoot文件上传功能2.3FileUploadController.java2.4配置访问上传的文件3拦截器3.1interceptor/LoginInterceptor3.2config/WebConfig4RESTful服务和Swagg
  • springBoot服务之间的转发
    场景：前端请求的服务里没有关于该业务相关的代码。另一台服务有，这时候转发过去再处理明显方便多了。设前端请求的服务为A，实际处理的服务为B在服务A，我们这样写@PostMapping("delHlpxglHlcfjl")publicObjectdelHlpxglHlcfjl(@RequestBodyMapparam){try{Stringurl=baseUrl+"服务B实际接口名称";log.inf
  • Jackson JSR310 日期反序列化问题解决方案 Dolphin_Home 生产环境_场景抽象代码规范SpringBootpython开发语言
    JacksonJSR310日期反序列化问题解决方案一、问题背景在SpringBoot微服务项目中，使用Java8时间API（如LocalDateTime）配合Jackson处理JSON序列化时，升级Jackson从2.12到2.15后，出现以下反序列化异常：com.fasterxml.jackson.datatype.jsr310.deser.JSR310DateTimeDeserializerB
  • Vue + SpringBoot 实现文件的断点上传、秒传，存储到Minio 鱼虾一整碗• vue.js前端javascript
    一、前端1.计算文件的md5值前端页面使用的elment-plus的el-upload组件。当上传文件后，会调用handleChange方法，可以在这里进行文件相关的操作。//处理文件上传consthandleChange=async(uploadFile)=>{//文件名字letfileName=uploadFile.name//文件的大小constfileSize=uploadFile.siz
  • 小架构step系列04：springboot提供的依赖 秋千码途 springboot架构java
    1概述搭建的工程例子中，指定了spring-boot的spring-boot-starter-parent作为，然后在依赖中指定了spring-boot-starter依赖，里面没有指定版本，也没看到有指定核心Spring，却能够正常运行，这是如何工作的？org.springframework.bootspring-boot-starter-parent2.1.18.RELEASEorg.spri
  • Java微服务框架技术选型全景报告 chanalbert 技术选型javajava微服务框架技术选型
    一、核心框架深度解析1.1Spring生态体系组件关键特性适用场景SpringBoot-约定优于配置+自动装配（Starter）-内嵌Tomcat/Jetty容器-Actuator监控端点企业级单体应用/传统系统迁移SpringCloud-微服务全家桶（Eureka/Zuul/Config）-强事务管理（SpringTX）-生态兼容性最佳复杂分布式系统WebFlux-响应式编程模型（Reactor
  • SpringBoot设计基石：约定优于配置与模块化架构
    一、约定优于配置（CoC）的设计哲学1.背景“当你新建一个Spring项目时，是否曾纠结于这些选择：该用Tomcat还是Jetty？数据源配置HikariCP还是Druid？事务管理器要声明哪些Bean？这些决策消耗的开发者的精力，本应属于业务创新。”设计者的初心思考：“能否将行业数年积累的最佳实践，沉淀为开箱即用的默认值？”就像智能手机默认设置字体大小——多数人直接使用，少数人按需调整。这便是约
  • 踩坑：mysql 查询时间结果少了一天
    1.场景：本人是在springboot项目中从数据库获取时间传到前端进行展示，所以在实体类上使用注解@JsonFormat进行格式转换。最后发现时间少了一天，最后锁定是时区的问题。@JsonFormat默认是标准时区的时间，会出现少8小时的情况。使用时，加上时区timezone="GMT+8"2.解决方案：在实体类需要时间转换的字段上加上下面其中任意一个就可以了@JsonFormat(patter
  • SpringBoot整合SpringCache实现高效缓存管理 quequnlong springboot缓存后端
    前言在现代应用开发中，缓存是提升系统性能的核心技术之一。SpringCache作为Spring生态的缓存抽象层，提供统一的缓存操作接口。本文将通过完整示例演示SpringBoot项目如何整合SpringCache。环境准备JDK17+SpringBoot3.1.0Maven3.8+IDE（IntelliJIDEA/VSCode）整合步骤1.添加依赖org.springframework.boots
  • SpringBoot整合SpringCache缓存 陌殇殇 常用技术springboot缓存redis
    SpringBoot整合SpringCache使用缓存文章目录SpringBoot整合SpringCache使用缓存1.介绍2.SpringBoot整合1.导入xml依赖2.配置yml3.使用@EnableCaching启用SpringCache4.@Cacheable5.@CachePut6.@CacheEvict7.@Caching8.@CacheConfig3.其他属性配置1.`keyGen
  • Spring Boot 项目中多数据源配置使用场景 冰糖心书房 微服务实战系列springboot后端java多数据源
    在SpringBoot中配置多数据源是一个非常常见的需求，主要用于以下场景：读写分离：一个主数据库（Master）负责写操作，一个或多个从数据库（Slave）负责读操作，以提高性能和可用性。业务拆分：不同的业务模块使用不同的数据库（例如，用户库、订单库、商品库）。连接异构数据库：同时连接MySQL、PostgreSQL等不同类型的数据库。下面我将详细介绍两种主流的实现方式：静态方式（推荐用于业务隔
  • Springboot计算机毕业设计协同过滤的就业系统的设计与实现qd11f（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。
    系统程序文件列表项目功能：学生,企业单位,岗位信息,春招信息,应聘信息,应聘通知,秋招信息,实训项目,项目选择,学院信息开题报告内容SpringBoot计算机毕业设计协同过滤的就业系统的设计与实现开题报告一、研究背景与意义1.1研究背景随着高等教育的普及与就业市场的多元化发展，高校毕业生数量逐年攀升，2025年全国毕业生预计突破1200万人。然而，传统就业服务模式存在以下问题：信息不对称：招聘信息
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他