zoukankan      html  css  js  c++  java
  • jeesite应用实战(数据增删改查),认真读完后10分钟就能开发一个模块

    jeesite配置指南(官方文档有坑,我把坑填了!)这篇文章里,我主要把jeesite官方给出的帮助文档的坑填了,按照里面的方法可以搭建起来jeesite的站点。系统可以运行以后,就可以进入开发模块了,我们先从数据的增删改查做起。

    一、页面效果

    这里写图片描述

    很简单,涉及到的就是数据的增删改查。

    二、如何利用jeesite做呢?

    上面我们也看到了,功能很简单,那么怎么利用jeesite做呢?jeesite能给我们提供什么便利呢?

    第一步、建表

    利用jeesite之前,要先建数据表。

    这里写图片描述

    至于怎么建表,方法太多了,怎么建都行,但是图中标出的红色部分的字段为必须字段,jeesite要用。

    第二步、利用jeesite生成代码

    1.点击【代码生成】,点击【业务表配置】,点击【业务表添加】

    这里写图片描述

    选中第一步中创建的表后,点击【下一步】,这个表已经添加过了,所以失败了。

    这里写图片描述

    如果成功的话,是这样的界面。

    这里写图片描述

    点击【保存】,可以看到如下信息。

    这里写图片描述

    然后,我们点击【生成方案配置】,点击【添加】,填写对应的信息,如下。

    这里写图片描述

    注意: 
    1. 模板分类要选择“增删改查(单表)”。 
    1. 生成的模块名为设定好的模块名,如esi为电商资讯模块名(约定俗成好的) 
    2. 选择对应的业务表名,如esi_elec_dynamic表。 
    3. 如果以前已经生成过了,现在要替换,那么就勾选上【是否替换现有文件】的复选框。 
    4. jeesite在Mac系统下无法生成代码,所以这一步要在Windows下完成。点击【保存并生成代码】生成完后,jeesite会提示生成的路径,包含了webcontent目录下和src目录下的文件夹。

    第二步、复制代码到工作库

    关键,根据jeesite提示的路径找到文件夹后,将对应的文件夹放在对的目录下,一定要正确。

    这里写图片描述

    这里写图片描述

    第三步、新建菜单

    点击【系统设置】-》【菜单管理】-》【菜单添加】。

    这里写图片描述

    添加完横向导航条的菜单后,继续添加菜单,分别如下图。

    这里写图片描述

    这里写图片描述

    链接的文本框怎么填呢?

    这里写图片描述

    和@RequestMapping相呼应。

    权限标识呢?

    和该EsiElecDynamicController.java类中的@RequiresPermissions相呼应。

    这里写图片描述

    第四步、新建字典

    这里写图片描述

    注意排序和键值。

    第五步、分配角色

    这里写图片描述

    例子中只是对admin用户添加了行业动态的权限。可自行配置。

    第六步、字典应用

    这里写图片描述

    添加动态的时候,可以看到有选项,分别为发布和审核,这个时候就需要应用字典数据了。

    esiElecDynamicForm.jsp代码片段

    <shiro:hasPermission name="cms:article:audit">
        <div class="control-group">
            <label class="control-label">发布状态:</label>
            <div class="controls">
                <form:radiobuttons path="delFlag" items="${fns:getDictList('esi_audit_status')}" itemLabel="label" itemValue="value" htmlEscape="false" class="required"/>
                <span class="help-inline"></span>
            </div>
        </div>
    </shiro:hasPermission>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    最外层的是权限设置,注意form:radiobuttons path="delFlag" items="${fns:getDictList('esi_audit_status')}"

    1. path的值对应的是EsiElecDynamic.java类中的字段。
    2. items就是从字典中取出的值了。

    第七步、显示发布人

    这里写图片描述

    显示发布人,需要关联到几个地方,一定要注意。

    第一处,esiElecDynamicList.jsp

    <td>${esiElecDynamic.user.name}</td>
    • 1

    第二处,EsiElecDynamic.java

    private User user;
    public User getUser() {
        return user;
    }
    
    public void setUser(User user) {
        this.user = user;
    }
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8

    第三处,EsiElecDynamicDao.xml

    <sql id="esiElecDynamicColumns">
        a.id AS "id",
        a.title AS "title",
        a.content AS "content",
        a.files AS "files",
        a.create_by AS "createBy.id",
        a.create_date AS "createDate",
        a.update_by AS "updateBy.id",
        a.update_date AS "updateDate",
        a.remarks AS "remarks",
        a.del_flag AS "delFlag",
        u.name AS "user.name"
    </sql>
    
    <sql id="esiElecDynamicJoins">
        JOIN sys_user u ON u.id = a.create_by
    </sql>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17

    第八步、设置列宽

    这里写图片描述

    esiElecDynamicList.jsp

    <th>标题</th>
    <th width="30%">发布内容</th>
    <th>发布者</th>
    <th width="20%">发布时间</th>
    <shiro:hasPermission name="esi:esiElecDynamic:edit">
        <th>操作</th>
    </shiro:hasPermission>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

    第九步、增加状态的选择查询

    这里写图片描述

    当点击发布、审核单选按钮的时候,我们希望页面能自动查询,怎么做呢?

    esiElecDynamicList.jsp

    <li><label>状态:</label> <form:radiobuttons onclick="$('#searchForm').submit();" path="delFlag"
                        items="${fns:getDictList('esi_audit_status')}" itemLabel="label" itemValue="value" htmlEscape="false" /></li>
    • 1
    • 2
    1. path=”delFlag”会关联到数据库中的del_flag字段。
    2. onclick时提交表单。

    好了好了,做到这里的时候其实你发现,增删改查太简单了,但如果没有了解jeesite的话,做起来就费劲了,我就费了老大劲。

  • 相关阅读:
    EasyNVR内网摄像机接入网关+EasyNVS云端管理平台,组件起一套轻量级类似于企业级萤石云的解决方案
    EasyNVR摄像机无插件直播安装使用错误原因解析
    网络摄像机进行互联网视频直播录像方案的选择,EasyNVS or EasyCloud or EasyGBS?
    EasyNVR对接EasyCloud视频云平台进行云端录像
    RTSP安防摄像机(海康大华宇视等)如何推送到RTMP流媒体服务器进行直播
    普通摄像机也能做互联网HLS(m3u8)、RTMP、HTTP-FLV直播?是的,采用基于GBT28181协议的EasyGBS流媒体服务
    对EasyDarwin开源项目2018的思考与2019发展的规划:继续站在巨人的肩膀引入更多巨人
    EasyNVR智能云终端接入AI视频智能分析功能,用户可自定义接入自己的分析算法
    如何自己实现一套EasyNVR这样的无插件流媒体服务器
    宇视4G设备采用GB/T28181协议成功接入EasyGBS国标流媒体平台的设置流程
  • 原文地址:https://www.cnblogs.com/firstdream/p/8068131.html
Copyright © 2011-2022 走看看