原

个人博客系统（SSM）

2018年01月10日 20:56:38 阅读数：1344

简单做一个个人博客系统，以博客中的日记模块为例。后台使用easyui。

数据库：personal_blog

日记表：diary

字段：


创建Maven工程

pom.xml文件 

<dependencies>
<!-- mybatis核心包 -->
<dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis</artifactId>
    <version>3.4.1</version>
</dependency>
<!-- mysql驱动包 -->
<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
    <version>5.1.29</version>
</dependency>
<!--日志包-->
<dependency>
    <groupId>org.slf4j</groupId>
    <artifactId>slf4j-log4j12</artifactId>
    <version>1.6.1</version>
</dependency>
<dependency>
    <groupId>org.slf4j</groupId>
    <artifactId>slf4j-api</artifactId>
    <version>1.6.1</version>
</dependency>
<!--spring数据库-->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-jdbc</artifactId>
    <version>4.3.11.RELEASE</version>
</dependency>
<!--aop-->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-aspects</artifactId>
    <version>4.3.11.RELEASE</version>
</dependency>
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-context</artifactId>
    <version>4.3.11.RELEASE</version>
</dependency>
<!--spring-mybatis整合包-->
<dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis-spring</artifactId>
    <version>1.3.1</version>
</dependency>
<!--spring MVC相关包-->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>4.3.11.RELEASE</version>
</dependency>
<!--JSTL的目的就是在JSTL页面中美观的输出数据，它内置了很多标签库，包括很多逻辑判断，迭代，函数，数据库标签-->
<dependency>
    <groupId>jstl</groupId>
    <artifactId>jstl</artifactId>
    <version>1.2</version>
</dependency>
<!--mybatis分页插件-->
<dependency>
    <groupId>com.github.pagehelper</groupId>
    <artifactId>pagehelper</artifactId>
    <version>4.2.1</version>
</dependency>
<!-- Jackson Json处理工具包 -->
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.7.4</version>
</dependency>
<!--文件上传包-->
<dependency>
    <groupId>commons-fileupload</groupId>
    <artifactId>commons-fileupload</artifactId>
    <version>1.3.3</version>
</dependency>
</dependencies>

<!--构建项目需要的信息-->
<build>
    <finalName>ssm-blog-admin</finalName>
    <!--这个元素描述了项目相关的所有资源路径列表，例如和项目相关的属性文件，这些资源被包含在最终的打包文件里。-->
    <!--maven工程默认只导入resources下的配置文件 -->
    <resources>
        <!--这个元素描述了项目相关或测试相关的所有资源路径，-->
        <!--导入mybatis-mapper.xml文件 -->
        <resource>
            <directory>src/main/java</directory>
            <includes>
                <include>**/*.xml</include>
            </includes>
            <filtering>true</filtering>
        </resource>
        <resource>
            <!--扫描存放资源的路径 -->
            <directory>src/main/resources</directory>
            <!--包含的内容列表 -->
            <includes>
                <include>**/*.xml</include>
                <include>**/*.properties</include>
            </includes>
        </resource>
    </resources>
</build>
实体类pojo

Diary.java

public class Diary {
    private Integer id;  //主键ID
    private Integer userId;  //用户ID
    private Date createdDate; //日记创建时间
    private String content;   //日记内容
    private String title;  //日记标题
    private int status;   //身份权限，1：有效，0：无效
    private String nickname;   //昵称
    private AdminUser adminUser;  //管理员

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public Integer getUserId() {
        return userId;
    }

    public void setUserId(Integer userId) {
        this.userId = userId;
    }
    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss",timezone = "GMT+8")
    public Date getCreatedDate() {
        return createdDate;
    }

    public void setCreatedDate(Date createdDate) {
        this.createdDate = createdDate;
    }

    public String getContent() {
        return content;
    }

    public void setContent(String content) {
        this.content = content;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public int getStatus() {
        return status;
    }

    public void setStatus(int status) {
        this.status = status;
    }

    public String getNickname() {
        return nickname;
    }

    public void setNickname(String nickname) {
        this.nickname = nickname;
    }

    public AdminUser getAdminUser() {
        return adminUser;
    }

    public void setAdminUser(AdminUser adminUser) {
        this.adminUser = adminUser;
    }
}

DAO层

DiaryDAO.java

public interface DiaryDAO {
    //插入日记方法
    void addDiary(Diary diary);
    //查询日记列表
    List<Diary> getDiaryList(Diary diary);
    //根据id查询日记
    Diary getDiaryById(int id);
    //更新日记
    void updateDiary(Diary diary);
    //更新用户权限
    void updateDiaryStatus(Diary diary);
}

DiaryMapper.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<!--namespace：对应dao层的全路径-->
<mapper namespace="com.ssm.blog.dao.DiaryDAO">

    <!--id：dao层中添加日记方法，parameterType：mapper接口方法接受的参数类型-->
    <insert id="addDiary" parameterType="Diary">
        INSERT INTO diary(USER_ID,CREATED_DATE,CONTENT,TITLE,STATUS)
        VALUES (#{userId},now(),#{content},#{title},#{status})
    </insert>

    <!--id 下方resultMap，type 对应实体类名-->
    <resultMap id="diaryMap" type="Diary">
        <!--property对应实体类中属性名，column对应数据库中字段名-->
        <id property="id" column="ID"/>
        <result property="userId" column="USER_ID"/>
        <result property="createdDate" column="CREATED_DATE"/>
        <result property="content" column="CONTENT"/>
        <result property="title" column="TITLE"/>
        <result property="status" column="STATUS"/>
    </resultMap>
    <!--id对应DAO层查询列表方法名，parameterType：mapper接口方法接受的参数类型，resultMap对应上方id值-->
    <select id="getDiaryList" parameterType="Diary" resultMap="diaryMap">
        SELECT D.ID,D.TITLE,D.USER_ID,D.CREATED_DATE,D.CONTENT,D.STATUS,A.NICKNAME
        FROM diary D
        INNER JOIN ADMIN_USER A ON D.USER_ID=A.ID
        <where>
            <if test="id !=null">D.ID=#{id}</if>
            <if test="title !=null and title!=''">and TITLE like concat('%',#{title},'%')</if>
            <if test="nickname !=null and nickname!=''">and NICKNAME like concat('%',#{nickname},'%')</if>
        </where>
    </select>

    <!--根据id查询，用户点击修改时回显数据-->
    <!--id：dao层中根据id查询日记方法，parameterType：mapper接口方法接受的参数类型-->
    <select id="getDiaryById" parameterType="int" resultMap="diaryMap">
        SELECT ID,TITLE,CONTENT,STATUS
        FROM Diary
        WHERE ID=#{id}
    </select>

    <!--id：dao层中更新日记方法，parameterType：mapper接口方法接受的参数类型-->
    <update id="updateDiary" parameterType="Diary">
        update diary set TITLE=#{title},CONTENT=#{content},STATUS=#{status}
        where ID=#{id}
    </update>

    <!--修改用户权限，点击删除后将权限为1的修改为权限为0的-->
    <!--id：dao层中更改权限方法，parameterType：mapper接口方法接受的参数类型-->
    <update id="updateDiaryStatus" parameterType="Diary">
        update diary set STATUS=0
        where ID=#{id}
    </update>
</mapper>

service层

DiaryService.java

public interface DiaryService {
    //插入日记
    void addDiary(Diary diary);

    //查询日记列表并分页
    PageInfo<Diary> getDiaryList(Diary diary,int pageNum,int pageSize);

    //根据id查询，用于回显
    Diary getDiaryById(Integer id);

    //更新日记
    void updateDiary(Diary diary);
    //更改权限
    void updateDiaryStatus(int id);
}

service层  DiarySrviceImpl.java

//加service注解
@Service
public class DiaryServiceImpl implements DiaryService {
//    当Spring发现@Autowired注解时，将自动在代码上下文中找到和其匹配（默认是类型匹配）的Bean，
// 并自动注入到相应的地方去。
    @Autowired
    private DiaryDAO diaryDAO;

    //插入日记
    @Override
    public void addDiary(Diary diary) {
        diaryDAO.addDiary(diary);
    }
    //查询日记列表并分页
    @Override
    public PageInfo<Diary> getDiaryList(Diary diary, int pageNum, int pageSize) {
        PageHelper.startPage(pageNum, pageSize);
        List<Diary> diaryList = diaryDAO.getDiaryList(diary);
        PageInfo<Diary> pageInfo = new PageInfo<>(diaryList);
        return pageInfo;
    }
    //根据id查询日记
    @Override
    public Diary getDiaryById(Integer id) {
        return diaryDAO.getDiaryById(id);
    }
    //更新日记
    @Override
    public void updateDiary(Diary diary) {
        diaryDAO.updateDiary(diary);
    }
    //更新身份权限
    @Override
    public void updateDiaryStatus(int id) {
        Diary diary = diaryDAO.getDiaryById(id);

        diaryDAO.updateDiaryStatus(diary);
    }
}
controller层

 DiaryController.java

//加controller注解，处理由DispatcherServlet分发的请求
@Controller
//定义url
@RequestMapping("/diary.html")
public class DiaryController {
    @Autowired
    private DiaryService diaryService;

    @RequestMapping(params = "act=edit")
    @ResponseBody   //这个注解表示该方法的返回结果直接写入HTTP response body中，一般在异步获取数据时使用。
    //添加和修改，一个方法实现两个功能
    public Map<String,Object> edit(Diary diary){
        if (diary.getId() == null) {
            //从session中获取user的信息，后面写完登录再改
            diary.setUserId(2);
            diaryService.addDiary(diary);
        }else{
            //修改
            diaryService.updateDiary(diary);
        }
        return JsonUtils.getSuccessMessage("编辑成功",null);
    }

    //查询日记列表并分页    
    @RequestMapping(params = "act=list")
    @ResponseBody
    public Map<String,Object> list(Diary diary, int page, int rows){
        PageInfo<Diary> pageInfo = diaryService.getDiaryList(diary, page, rows);
        return JsonUtils.getDatagridPagerResult(pageInfo.getTotal(),pageInfo.getList());
    }

    //根据id查询所有，用于点击修改后回显
    @RequestMapping(params = "act=get")
    public ModelAndView getDiary(Integer id){
        Diary diary = null;
        if (id!=null){
            diary = diaryService.getDiaryById(id);
        }
        return new ModelAndView("diary_edit","diary",diary);
    }

    //文件上传
    @Value("${DIARY_IMAGE_DIR}")
    private String DIARY_IMAGE_DIR;
    @Value("${DIARY_IMAGE_URL}")
    private String DIARY_IMAGE_URL;

    @RequestMapping(params = "act=upload")
    @ResponseBody
    public String upload(MultipartFile file) {
        return JsonUtils.fileUpload(file,DIARY_IMAGE_DIR,DIARY_IMAGE_URL);
    }

    //删除（修改权限）
    @RequestMapping(params = "act=delete")
    @ResponseBody
    public Map<String,Object> delete(int id){
        Diary diary = diaryService.getDiaryById(id);
        if (diary.getStatus()!=0){
            diaryService.updateDiaryStatus(id);
        }
        return JsonUtils.getSuccessMessage("删除权限成功",null);
    }
}

util工具类

JsonUtils.java

public class JsonUtils {
    public static Map<String,Object> getSuccessMessage(String message,Object other){
        Map<String,Object> result = new HashMap<>();
        result.put("status", true);
        result.put("message", "添加成功");
        result.put("other",other);
        return result;
    }

    public static Map<String,Object> getErrorMessage(String message,Object other){
        Map<String,Object> result = new HashMap<>();
        result.put("status", false);
        result.put("message", "添加成功");
        result.put("other",other);
        return result;
    }

    public static Map<String,Object> getDatagridPagerResult(long total, List list){
        Map<String,Object> result = new HashMap<>();
        result.put("total",total);  //总条数
        result.put("rows",list);  //返回的list数据
        return result;
    }

    public static String fileUpload(MultipartFile file,String DIR,String URL){
        String oldFileName = file.getOriginalFilename();
        String extName = oldFileName.substring(oldFileName.lastIndexOf("."));
        String newFileName = System.currentTimeMillis()+extName;
        try {
            FileUtils.copyInputStreamToFile(file.getInputStream(),new File(DIR,newFileName));
            return "{\"error\":0,\"url\":\"" + URL + newFileName + "\"}";
        } catch (IOException e) {
            e.printStackTrace();
            return "{\"error\":1}";
        }
    }
}

resource

db.properties:配置mysql

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/personal_blog?characterEncoding=utf-8
jdbc.username=root
jdbc.password=123456

log4j.properties:输出日志信息

log4j.rootLogger=DEBUG, stdout

log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern=%d %p [%c] - %m%n

#begin
#for normal test,delete when online
log4j.logger.com.ibatis=DEBUG
log4j.logger.com.ibatis.common.jdbc.SimpleDataSource=DEBUG
log4j.logger.com.ibatis.common.jdbc.ScriptRunner=DEBUG
log4j.logger.com.ibatis.sqlmap.engine.impl.SqlMapClientDelegate=DEBUG

log4j.logger.java.sql.Connection=DEBUG
log4j.logger.java.sql.Statement=DEBUG
log4j.logger.java.sql.PreparedStatement=DEBUG
log4j.logger.java.sql.ResultSet=DEBUG

resourse.properties:配置文件上传路径和url地址

DIARY_IMAGE_DIR=E:/upload/diary/

DIARY_IMAGE_URL=http://localhost:8080/upload/diary/

spring-config.xml 

<!--读取配置文件-->
<context:property-placeholder location="classpath:db.properties" ignore-unresolvable="true"/>
<!--从配置文件中获取数据源-->
<bean id="dataSource" class="org.springframework.jdbc.datasource.DriverManagerDataSource">
    <property name="driverClassName" value="${jdbc.driver}"/>
    <property name="url" value="${jdbc.url}"/>
    <property name="username" value="${jdbc.username}"/>
    <property name="password" value="${jdbc.password}"/>
</bean>

<!-- 启动自动扫描 -->
<context:component-scan base-package="com.ssm.blog.*">
    <!-- 制定扫包规则 ,不扫描@Controller注解的JAVA类 -->
    <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
</context:component-scan>

<!--spring管理session工厂-->
<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
    <property name="dataSource" ref="dataSource"/>
    <property name="mapperLocations" value="classpath:com/ssm/blog/dao/mapper/*.xml"/>
    <property name="typeAliasesPackage" value="com.ssm.blog.pojo"/>
    <property name="plugins">
        <array>
            <bean class="com.github.pagehelper.PageHelper">
                <property name="properties">
                    <value>
                        dialect=mysql
                        reasonable=true
                    </value>
                </property>
            </bean>
        </array>
    </property>
</bean>
<!--扫描所有mybatis的dao接口，生成代理实现类-->
<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
    <property name="basePackage" value="com.ssm.blog.dao"/>
</bean>
<!-- 配置事务管理器 -->
<bean id="transactionManager"
      class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
    <property name="dataSource" ref="dataSource"/>
</bean>
<!--事务增强-->
<tx:advice id="txAdvice" transaction-manager="transactionManager">
    <tx:attributes>
        <!-- 传播行为，匹配的是方法名 -->
        <tx:method name="add*" rollback-for="Exception"/>
        <tx:method name="delete*" rollback-for="Exception"/>
        <tx:method name="update*" rollback-for="Exception"/>
        <tx:method name="get*" propagation="SUPPORTS" read-only="true"/>
        <tx:method name="do*" rollback-for="Exception"/>
    </tx:attributes>
</tx:advice>
<!-- 通过AOP配置提供事务增强，让service包下所有Bean的所有方法拥有事务 -->
<aop:config>
    <aop:pointcut id="serviceMethod"
                  expression="execution(* com.ssm.blog.service..*(..))"/>
    <aop:advisor pointcut-ref="serviceMethod" advice-ref="txAdvice"/>
</aop:config>

WEB-INF

springMVC-servlet.xml 

<!--加载下方返回值转换器-->
<mvc:annotation-driven content-negotiation-manager="contentNegotiationManagerFactoryBean"/>
<!--扫描过滤器-->
<context:component-scan base-package="com.ssm.blog.controller">
    <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
</context:component-scan>
<!-- 配置视图解析器-->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <property name="prefix" value="/"></property><!--前缀-->
    <property name="suffix" value=".jsp"></property><!--后缀-->
</bean>
<!--加载media下的easyui和富文本编辑器-->
<mvc:resources mapping="/media/**" location="/media/"/>
<!--配置返回值转换器-->
<bean id="contentNegotiationManagerFactoryBean"
      class="org.springframework.web.accept.ContentNegotiationManagerFactoryBean">
    <property name="favorPathExtension" value="false"/>
    <property name="favorParameter" value="false"/>
    <property name="ignoreAcceptHeader" value="false"/>
    <property name="mediaTypes">
        <map>
            <entry key="json" value="application/json"/>
        </map>
    </property>
</bean>
<!--文件上传解析器-->
<bean id="multipartResolver"   class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <property name="maxUploadSize" value="1048576"/>
    <property name="defaultEncoding" value="UTF-8"/>
    <property name="resolveLazily" value="true"/>
</bean>

web.xml 

<!--加载spring-config.xml-->
<context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:spring-config.xml</param-value>
</context-param>
<!--配置listener，在启动Web容器的时候加载Spring的配置-->
<listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<filter>
    <filter-name>CharacterEncodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
        <param-name>encoding</param-name>
        <param-value>UTF-8</param-value>
    </init-param>
    <init-param>
        <param-name>forceEncoding</param-name>
        <param-value>true</param-value>
    </init-param>
</filter>
<filter-mapping>
    <filter-name>CharacterEncodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>
<!--配置DispatcherServlet -->
<servlet>
    <servlet-name>springMVC</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>springMVC</servlet-name>
    <url-pattern>*.html</url-pattern>
</servlet-mapping>
<welcome-file-list>
    <welcome-file>/blog/list.html</welcome-file>
</welcome-file-list>

diary_list.jsp 

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--panel面板可以设置整体的高度--%>
<div class="easyui-panel" style="height: 95%">
    <table id="diary-datagrid" style="height:450px">
    </table>
    <div id="diary-datagrid-toolbar">
        <div>
            ID：<input type="text" class="easyui-numberbox" id="search-diary-id"/>
            标题：<input type="text" id="search-diary-title"/>
            昵称：<input type="text" id="search-diary-nickname"/>
            <a href="#" class="easyui-linkbutton" iconCls="icon-search"
               onclick="doDiarySearch()">搜索</a>
        </div>
        <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="doEditDiary(0)">新增</a>
        <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="doEditDiary(1)">修改</a>
        <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" plain="true" onclick="doDeleteDiary()">删除权限</a>
    </div>
</div>

<div class="easyui-dialog" closed="true" id="edit-diary-dialog"
     modal="true" title="编辑日记" style="width:800px;height:600px;padding:30px" buttons="#dlg-diary-buttons">
</div>
<div id="dlg-diary-buttons">
    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitDiary()">保存</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#edit-diary-form').form('reset');">重填</a>
</div>
<link href="<%=request.getContextPath()%>/media/kindeditor-4.1.10/themes/default/default.css" type="text/css"
      rel="stylesheet">
<script type="text/javascript" charset="utf-8"
        src="<%=request.getContextPath()%>/media/kindeditor-4.1.10/kindeditor-all.js"></script>
<script type="text/javascript" charset="utf-8"
        src="<%=request.getContextPath()%>/media/kindeditor-4.1.10/lang/zh_CN.js"></script>

<script type="text/javascript">
    $(function () {
        $("#diary-datagrid").datagrid({
            url: "<%=request.getContextPath()%>/diary.html?act=list",
            pagination: true,
            pageList: [5, 10, 15, 20],
            toolbar: "#diary-datagrid-toolbar",
            frozen: true,//冻结标题行
            singleSelect:true,
            fit: true,//让表格自动适应面板的高度
            nowrap: false,//高度自适应，当内容比较多的时候会自动换行
            columns: [[
                {field: 'id', title: 'ID', width: 80},
                {field: 'title', title: '标题', width: 80},
                {field: 'createdDate', title: '发布时间', width: 160},
                {field: 'nickname', title: '作者', width: 80},
                {
                    field: 'status', title: '身份权限', width: 80, formatter: function (val, row) {
                    if (row.status == 0) return "<span style='color:red'>无效</span>";
                    return row.status
                }
                }
            ]]
        })
    })

    function doDiarySearch() {
        var queryParams = $('#diary-datagrid').datagrid('options').queryParams;
        queryParams.id = $("#search-diary-id").val();
        queryParams.title = $("#search-diary-title").val();
        queryParams.nickname = $("#search-diary-nickname").val();
        //重新加载datagrid
        $("#diary-datagrid").datagrid('reload');
    }

    var kingEditorParams = {
        filePostName: "file",//指定上传文件参数名称
        uploadJson: '<%=request.getContextPath()%>/diary.html?act=upload',//指定上传文件请求的url。
        dir: "image"//上传类型，分别为image、flash、media、file,
    }
    var editor;

    function doEditDiary(type) {
        var id = "";
        var row = $('#diary-datagrid').datagrid('getSelected');  //单选
        if (type == 1) {//要修改
            if (row == null) {
                alert("请选择要编辑的数据");
                return;
            }
            id = row.id;
        }
        $("#edit-diary-dialog").dialog({
            href: "<%=request.getContextPath()%>/diary.html?act=get&id=" + id,
            onLoad: function () {
                editor = KindEditor.create($("#editor"), kingEditorParams);
            },
            onBeforeDestroy: function () {
                KindEditor.remove("#editor");
            }
        }).dialog('open');
    }

    function submitDiary() {
        $('#edit-diary-form').form('submit', {
            onSubmit: function () {
                if ($(this).form('enableValidation').form('validate')) {
                    editor.sync();//同步富文本编辑器，否则拿不到
                    $.ajax({
                        url: "<%=request.getContextPath()%>/diary.html?act=edit",
                        data: $("#edit-diary-form").serialize(),
                        method: "post",
                        success: function (data) {
                            if (data.status) {
                                $("#diary-datagrid").datagrid('reload');
                                $("#edit-diary-dialog").dialog("close");
                            } else {
                                alert(data.message)
                            }
                        }
                    })
                }
                return false;
            }
        });
    }

    function doDeleteDiary() {
        var row = $('#diary-datagrid').datagrid('getSelected');
        if (row == null){
            return;
        }
        if (confirm("确定要删除权限吗？")){
            $.ajax({
                url:"<%=request.getContextPath()%>/diary.html?act=delete",
                data:"id=" + row.id,
                method:"post",
                success:function (data) {
                    if (data.status){
                        $("#diary-datagrid").datagrid('reload');
                    }else{
                        alert(data.message)
                    }
                }
            })
        }
    }

</script>

diary_edit.jsp 

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--panel面板可以设置整体的高度--%>
<div class="easyui-panel" style="height: 95%">
    <table id="diary-datagrid" style="height:450px">
    </table>
    <div id="diary-datagrid-toolbar">
        <div>
            ID：<input type="text" class="easyui-numberbox" id="search-diary-id"/>
            标题：<input type="text" id="search-diary-title"/>
            昵称：<input type="text" id="search-diary-nickname"/>
            <a href="#" class="easyui-linkbutton" iconCls="icon-search"
               onclick="doDiarySearch()">搜索</a>
        </div>
        <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="doEditDiary(0)">新增</a>
        <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="doEditDiary(1)">修改</a>
        <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" plain="true" onclick="doDeleteDiary()">删除权限</a>
    </div>
</div>

<div class="easyui-dialog" closed="true" id="edit-diary-dialog"
     modal="true" title="编辑日记" style="width:800px;height:600px;padding:30px" buttons="#dlg-diary-buttons">
</div>
<div id="dlg-diary-buttons">
    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitDiary()">保存</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#edit-diary-form').form('reset');">重填</a>
</div>
<link href="<%=request.getContextPath()%>/media/kindeditor-4.1.10/themes/default/default.css" type="text/css"
      rel="stylesheet">
<script type="text/javascript" charset="utf-8"
        src="<%=request.getContextPath()%>/media/kindeditor-4.1.10/kindeditor-all.js"></script>
<script type="text/javascript" charset="utf-8"
        src="<%=request.getContextPath()%>/media/kindeditor-4.1.10/lang/zh_CN.js"></script>

<script type="text/javascript">
    $(function () {
        $("#diary-datagrid").datagrid({
            url: "<%=request.getContextPath()%>/diary.html?act=list",
            pagination: true,
            pageList: [5, 10, 15, 20],
            toolbar: "#diary-datagrid-toolbar",
            frozen: true,//冻结标题行
            singleSelect:true,
            fit: true,//让表格自动适应面板的高度
            nowrap: false,//高度自适应，当内容比较多的时候会自动换行
            columns: [[
                {field: 'id', title: 'ID', width: 80},
                {field: 'title', title: '标题', width: 80},
                {field: 'createdDate', title: '发布时间', width: 160},
                {field: 'nickname', title: '作者', width: 80},
                {
                    field: 'status', title: '身份权限', width: 80, formatter: function (val, row) {
                    if (row.status == 0) return "<span style='color:red'>无效</span>";
                    return row.status
                }
                }
            ]]
        })
    })

    function doDiarySearch() {
        var queryParams = $('#diary-datagrid').datagrid('options').queryParams;
        queryParams.id = $("#search-diary-id").val();
        queryParams.title = $("#search-diary-title").val();
        queryParams.nickname = $("#search-diary-nickname").val();
        //重新加载datagrid
        $("#diary-datagrid").datagrid('reload');
    }

    var kingEditorParams = {
        filePostName: "file",//指定上传文件参数名称
        uploadJson: '<%=request.getContextPath()%>/diary.html?act=upload',//指定上传文件请求的url。
        dir: "image"//上传类型，分别为image、flash、media、file,
    }
    var editor;

    function doEditDiary(type) {
        var id = "";
        var row = $('#diary-datagrid').datagrid('getSelected');  //单选
        if (type == 1) {//要修改
            if (row == null) {
                alert("请选择要编辑的数据");
                return;
            }
            id = row.id;
        }
        $("#edit-diary-dialog").dialog({
            href: "<%=request.getContextPath()%>/diary.html?act=get&id=" + id,
            onLoad: function () {
                editor = KindEditor.create($("#editor"), kingEditorParams);
            },
            onBeforeDestroy: function () {
                KindEditor.remove("#editor");
            }
        }).dialog('open');
    }

    function submitDiary() {
        $('#edit-diary-form').form('submit', {
            onSubmit: function () {
                if ($(this).form('enableValidation').form('validate')) {
                    editor.sync();//同步富文本编辑器，否则拿不到
                    $.ajax({
                        url: "<%=request.getContextPath()%>/diary.html?act=edit",
                        data: $("#edit-diary-form").serialize(),
                        method: "post",
                        success: function (data) {
                            if (data.status) {
                                $("#diary-datagrid").datagrid('reload');
                                $("#edit-diary-dialog").dialog("close");
                            } else {
                                alert(data.message)
                            }
                        }
                    })
                }
                return false;
            }
        });
    }

    function doDeleteDiary() {
        var row = $('#diary-datagrid').datagrid('getSelected');
        if (row == null){
            return;
        }
        if (confirm("确定要删除权限吗？")){
            $.ajax({
                url:"<%=request.getContextPath()%>/diary.html?act=delete",
                data:"id=" + row.id,
                method:"post",
                success:function (data) {
                    if (data.status){
                        $("#diary-datagrid").datagrid('reload');
                    }else{
                        alert(data.message)
                    }
                }
            })
        }
    }

</script>








阅读更多 收藏
分享
还能输入1000个字符

个人博客系统(Spring,Spring MVC,MyBatis)

10-03 阅读数 944

个人博客系统:基于Spring+SpringMVC+Mybatis(Maven构建)1.该个人博客系统是我学习SSM框架的一个Demo,前端使用了BootstrapV4,Jquery,ajax,lay... 博文 来自： 青春

个人博客系统

07-31 阅读数 1136

个人博客系统　　学校期间，有课程涉及过.NET这门语言，所以利用课余时间写了一个个人博客系统。由于当时还不会什么框架，所以差不多所有代码都是手敲的。在此写一下我的感受和体会。　　工具：VS2008加其... 博文 来自： as740669149的博客

记录自己用python搭建个人博客系统的完整过程（一）

11-09 阅读数 1650

0、前言本博文记录搭建个人博客系统的完整过程，因为网上有许多相关的教程，但是没找到一个（适合自己能力的）快速搭建的完整教程。借此篇博文梳理一下前不久学习到的有关整个过程前前后后的各种知识点。1、搭建环... 博文 来自： blackeagleoht的博客

个人博客系统Web项目

09-16 阅读数 3917

项目总结  一期项目基本上已经告一段落，但是，其实回想着一周的项目，感触颇多。首先，最为重要的是需求分析，因为只有当我们懂得整个项目的到底有哪些需求，我们才好根据需求来做出相应的项目构建，其次是整个项... 博文 来自： koudai妖怪的博客

教师个人博客系统

10-06 阅读数 106

教师个人博客系统(teacher_blog_system)，提供三种数据库：mysql，oracle，sqlserver，对应三种框架源码：springMVC/spring+springMVC+hib... 博文 来自： 计算机毕业设计

基于ssm框架的个人博客（2）--基于maven的ssm框架的整合

09-29 阅读数 545

在基于ssm框架的个人博客（1）中，数据库相关的已经初步实现了（后续或许需要改进，但是实际项目的数据库一般都预先设计好了，不能随意改动吧）。在这个基础上，我们来整合一下ssm框架，其中，我使用Mave... 博文 来自： lys1695227550的博客

个人博客系统源码

11-24
基于jsp+servlet的mvc模式系统基于jsp+servlet的mvc模式系统基于jsp+servlet的mvc模式系统基于jsp+servlet的mvc模式系统基于jsp+servlet的mv
下载

使用SSM开发博客网站

06-24 阅读数 940

建立数据库表：DROPDATABASEIFEXISTSblog;createdatabaseblogDEFAULTCHARACTERSETutf8;USEblog;CREATETABLEuser(id... 博文 来自： caomy450的博客

基于SSM的日志系统

04-22
基于SSM的日志系统
下载

SSM框架实战应用教程(基础篇+web开发篇)

12-09 阅读数 1092

基础篇：第1节基础篇课程介绍第2节SSM框架的介绍第3节Maven工具介绍以及安装12分钟 第4节MyBatisGenerator工具使用（上）16分钟 第5节MyBatisGenerator工具使用... 博文 来自： zhangye19920611的博客

一个大三狗的SSM博客系统练手项目

03-10 阅读数 2686

        岁月匆匆，晃眼现在大三了，想起半年前学完ssm后，只做过类似于erp，oa的管理系统，都没有做过什么拿得出手的项目，感觉人生灰暗QAQ。于是寒假时闲情之中做了个整合的ssm博客系统，就... 博文 来自： qq_36375195的博客

使用SSM搭建个人博客详细过程

08-03 阅读数 1788

一开始先把我博客的地址发出来，各位可以看看点击打开链接首先介绍下整个网站使用的技术：整体架构SpringSpringmvcMybatis  后台管理DWZ 编辑器Ueditor，这个编辑器是百度的，可... 博文 来自： 熟男的博客

spring+springmvc+mybatis个人网站实践【１．环境搭建】

03-11 阅读数 578

记录ｓｐｒｉｎｇ＋ｍｙｂａｔｉｓ开发个人网站的每一个脚印　：/ 博文 来自： geniusle201的博客

SSM框架集成log4日志打印模板

01-09 阅读数 1450

1，引入log4j所依赖的jar包，这里SSM框架的jar不在引入       org.apache.logging.log4j      log4j-api      2.5            ... 博文 来自： 过客幽影星风的博客

基于SSM框架的博客系统源码

08-29
本站源码使用 J2EE 开发； 使用 Spring4+Springmvc+Mybatis3 架构， 采用 Mysql 数据库； 使用 Maven3 管理项目，使用 Shiro 作为项目安全框架，使用
下载

博客系统计划

01-18 阅读数 74

1.后台1.springboot1.springsecurity2.springdatajpa3.想到再补充2.redis3.mysql2.前端1.Vue.js2.02.stylus3.vuex状态管... 博文 来自： Cons_Step_By_Step

ssm从零搭建个人博客系统（零）

10-24 阅读数 899

ssm搭建个人博客 博文 来自： 写点小东西

ssm(springmvc4+spring4+mybatis3)整合实战-个人博客系统

06-16 阅读数 2368

接下来将分享一下我自主整合的ssm框架，并用来开发个人博客系统。系统采用springmvc4、spring4、mybatis3作为后端核心框架，后端页面框架采用jquery-easyui，前端页面框架... 博文 来自： steadyjack博客

基于SSM框架的新闻发布系统（用户端，管理端）

08-19 阅读数 1102

SSM+mysql+myeclipse+javeEE6+tomcat6 具体细节见图链接：https://pan.baidu.com/s/1H4OXWA-4VOzAvojLAcTeCw 提取码：tvm... 博文 来自： qq_38733890的博客

基于ssm框架的个人博客系统（10）--编写博客页面开发

10-01 阅读数 1654

在前面我们实现了博客管理的分页、查询和删除，现在我们来设计实现编写博客的页面，要写博客，我们就使用富文本编辑器，有很多可以选择KingEditor、UEditor、CkEditor，我没用过百度的UE... 博文 来自： lys1695227550的博客

基于ssm框架的论坛系统(Spring,Spring MVC,MyBatis)

02-15 阅读数 2653

                                                             基于ssm框架的论坛系统1.介绍本论坛系统基于spring，springmvc... 博文 来自： 青春

基于ssm的个人博客系统

05-27
基于ssm的个人博客系统，用的是sqlserver+ssm。 前端界面用的框架是javaex。
下载

Springmvc+Mybatis3+mysql实现的Java web个人博客系统源码附带视频指导运行教程

05-08 阅读数 549

今天给大家演示的是一款由springMVC+mybatis3+mysql实现的Javaweb个人博客管理系统，系统开发环境是eclipse，jdk7或8都可以，其他版本还没试过，tomcat是7.0，... 博文 来自： 明礼馨德的博客

博客系统（ssm）视频

08-12
博客系统（ssm）视频博客系统（ssm）视频博客系统（ssm）视频博客系统（ssm）视频
下载

ssm实现的个人博客系统

01-12
发表文章，评论文章，全站搜索，后台管理，个人信息管理，文章管理，评论管理，板块管理。。。。
下载

个人博客系统(vue,flask)

04-27 阅读数 2248

个人博客系统前端使用vue，css使用pure，后端使用flask，数据库mysql，token存储使用redis项目涉及到了vue，vuex，vue-router，axios，子父组件props传值... 博文 来自： 阿友的专栏

个人博客系统导航

05-10 阅读数 127

个人博客系统导航持续更新中MysqlNavicatformysql相关的使用及安装 博文 来自： iGeekFan的博客

基于jsp+servlet的个人博客系统

01-09 阅读数 1.2万

这学期的课程，算是结束了吧。开了一门JAVAEE的课程，老师我就不说了，讲了一学期的jsp，真像其他老师说的一样，“不像某老师一样，会个jsp，准备个课件，能讲好几年”。呵呵了。不过还好，很多东西，都... 博文 来自： HLK_1135的博客

快速搭建个人博客系统

01-15 阅读数 1026

1、在万网上购买域名，目前购买了两个：sringcome.com.cn和springcome.org。cn的域名购买之后需要上传身份证照片备案，审核通过大概需要两三个工作日，比较麻烦，所以不到万不得已... 博文 来自： 令狐少侠

SSM框架搭建（spring+springmvc+mybatis）

01-23 阅读数 6.8万

 自己配置了一个SSM框架，打算做个小网站，这里把SSM的配置流程详细的写了出来，方便很少接触这个框架的朋友使用，文中各个资源均免费提供！（后续读写分离：https://blog.csdn.net/d... 博文 来自： dwhhome的博客

彻底掌握SSM框架 (实战篇)

05-26 阅读数 1917

开心一笑【有一天绿豆自杀从5楼跳下来，流了很多血，变成了红豆；一直流脓，又变成了黄豆；伤口结了疤，最后成了黑豆。】提出问题如何彻底掌握SSM框架(实战篇)？？？学习地址CSDN学院：http://ed... 博文 来自： 阿毅

基于ssm框架的个人博客（8）--Blog相关数据库操作实现

10-01 阅读数 413

在前面实现BlogType的时候，不知道大家是否记得在删除博客类别的时候，提到，如果博客类别下有博客的话，不允许用户删除博客。（blogtype---blog 是一对多的关系，存在外键关系）,现在就要... 博文 来自： lys1695227550的博客

感觉非常棒的ssm框架搭建

04-10 阅读数 1329

用maven搭建ssm框架项目，很详细http://blog.csdn.net/gebitan505/article/details/44455235/ 博文 来自： github_36816366的博客

（五）基于SSM+Redis+Nginx+FastDFS的博客网站

02-05 阅读数 923

上一篇介绍了redis的相关使用，这一篇介绍本项目使用的图片存储时用到的技术——FastDFS。项目使用时参考的是传智播客里的FastDFS的使用教程。由于只有文档没有地址，所以就直接黏贴过来，若有版... 博文 来自： sosmmh的博客

ssm中超链接跳转、传参

06-15 阅读数 880

1.超链接中有参数：必须用这种格式，可以多次发起请求 &amp;lt;spring:urlvalue=&quot;/teacher/delInfo/${teacher.tid}&quot;var=&q... 博文 来自： weixin_42327945的博客

SSM框架简介

02-23 阅读数 3.3万

SSM框架简介SSM框架，是Spring+SpringMVC+MyBatis的缩写，这个是继SSH之后，目前比较主流的JavaEE企业级框架，适用于搭建各种大型的企业级应用系统。1.Spring简介 ... 博文 来自： daniel_fei的博客

SSM个人博客项目实战01

06-20 阅读数 653

1.使用的环境　　这个博客系统准备使用SpringMVC+MyBatis+Spring来搭建，后台管理使用EasyUI，前台使用Bootstrap。使用Apache的Shiro架构来实现安全认证，使用... 博文 来自： sngogj2008的博客

SSM个人博客搭建(一)

05-15 阅读数 519

使用maven搭建的一个SSM博客项目框架. 博文 来自： YsfCSDN2016的博客

基于SSM的个人博客+数据库

07-08
用SSM框架搭建出来的个人博客系统，项目中使用到了Jquery、Ajax等js技术、UEditor、Scroll插件、BootStrap、CSS前端技术
下载

JavaWeb练习项目Blog系统，整合ssm框架

11-13 阅读数 398

Blog系统是在其他人的开源Blog基础上改造的，主要是拿别人的前端页面，并将maven项目改为eclipse的动态web项目。增加的功能如下各个文章显示页面添加了分页显示功能添加了评论区通过Spri... 博文 来自： 吕系小的博客

SSM整合进阶项目实战-个人博客系统-钟林森-专题视频课程

08-15 阅读数 90

&quot;SSM整合进阶项目实战-个人博客系统开发&quot;，属于中级课程，适合于具备了一定java基础以及Spring,SpringMVC跟Mybatis核心框架的基础要点。本课程将更深入的基于... 博文 来自： steadyjack博客

SSM进阶(七）SSM整合

07-04 阅读数 62

                              SSM整合对于SSM得框架整合有两种方式：两种方法之前都有涉及，只不过那时候没有整合；    一种就是使用sql绝对定位的方式去插叙数据库；... 博文 来自： qq_42112846的博客

ssm框架开发个人博客

05-03
使用SpringMVC+Mybatis开发的个人博客网站，使用了websocket实现双端通信（为解决异域通信），前端使用的html/css/jquery，由于注重后端实现，因此前端没有做太好，本来打算使用bootstrap来改善一下，后...
下载

Python Flask开源博客系统Blog_mini

03-13 阅读数 1.6万

本博文在51CTO技术博客首发。        开源不易，Python良心之作，真心送给广大朋友，恳请给予支持，不胜感激！                大家可以从下面的地址中去体验Blog_mini... 博文 来自： 香飘叶子

软件工程 - 个人博客系统 - 概要设计与详细设计文档

11-08 阅读数 7185

文档主要在于定义个人博客系统的主要结构元素及其之间的关系。详细的数据流图已在需求分析文档中给出。通过功能划分过程来完成软件结构设计，设计基本模块如下：浏览登录、发表文章、发表评论、附件上传下载、文章管... 博文 来自： 站在牛顿的肩膀上 - -

软件工程 - 个人博客系统 - 可行性分析与需求分析文档

10-17 阅读数 1.7万

个人博客系统---可行性分析与需求分析文档个人博客系统是针对希望个性化使用博客的用户的需求而设计，是可以完成个人博客用户登入、发表、浏览、修改文章以及图片视频、留言、评论甚至个性化设计博客网站页面、排... 博文 来自： 站在牛顿的肩膀上 - -

SSM框架简单实例

05-14 阅读数 616

1、SSM框架SSM（Spring+SpringMVC+MyBatis）框架集由Spring、SpringMVC、MyBatis三个开源框架整合而成，常作为数据源较简单的web项目的框架。2、简单实例... 博文 来自： Borny鼎鼎的博客

个人博客网站搭建--从零开始（一）

04-08 阅读数 119

  工作刚好也满了一年，个人感觉要是还要从技术上提升，最好就是自己写个网站，实战才是硬实力    项目说明：          想了好几天，决定后台采用SSM架构，前端采用vue.js+boostst... 博文 来自： 不懂了e的博客

手把手教你整合最优雅SSM框架：SpringMVC + Spring + MyBatis

06-19 阅读数 16.6万

小疯手把手带你整合SpringMVC+Spring+MyBatis三大框架，俗称SSM，用它完全代替传统的SSH框架，把它们最优雅的一面发挥出来。整合配置结束后，会有一个应用实例“图书管理系统”带给大... 博文 来自： 小疯的代码健身房

基于Java语言框架SSM写的一个小博客

10-18 阅读数 2440

前言这是我在经过2周的课程设计做出来的一个小博客网站，模仿了一些博客网站系统，暂时只有登录、看自己发布的内容、看别人发布的内容、看、发布文字，图片，文章、评论、点赞等功能。里面有很多bug，不过本人也... 博文 来自： 永无岛

ThreadLocal的设计理念与作用

09-25 阅读数 18202

Java中的ThreadLocal类允许我们创建只能被同一个线程读写的变量。因此，如果一段代码含有一个ThreadLocal变量的引用，即使两个线程同时执行这段代码，它们也无法访问到对方的Thread... 博文 来自： u011860731的专栏

fastdfs+nginx+tracker搭建互联网电商分布式图片服务器过程

03-19 阅读数 10011

创业型的互联网公司，所以用开源软件自己搭建图片服务器，用来上传下载以及nginx转发负载均衡一、在安装FastDFS之前必须先安装libevent，安装libevent步骤如下：1.下载libeven... 博文 来自： MySQL

VirtualBox COM获取对象失败

04-17 阅读数 34922

错误详情 1. 先来看看错误详情 获取 VirtualBox COM 对象失败.应用程序将被中断.Failed to instantiate CLSID_VirtualBox ... 博文 来自： 多点折腾少点抱怨

jquery/js实现一个网页同时调用多个倒计时(最新的)

11-25 阅读数 157595

jquery/js实现一个网页同时调用多个倒计时(最新的) 最近需要网页添加多个倒计时. 查阅网络,基本上都是千遍一律的不好用. 自己按需写了个.希望对大家有用. 有用请赞一个哦! //js ... 博文 来自： websites

【小程序】微信小程序开发实践

11-07 阅读数 87604

帐号相关流程注册范围 企业 政府 媒体 其他组织换句话讲就是不让个人开发者注册。 :)填写企业信息不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。填写公司机构信息,对公账... 博文 来自： 小雨同学的技术博客

如何在ArcGIS Online中构建自己的应用程序模板初级篇-显示地图

11-21 阅读数 42722

开发ArcGIS Online应用程序模板之前，需要了解怎么使用ArcGIS API for JavaScript。     在ArcGIS Online当中如何构架自己的应用程序模板，我们得先要了... 博文 来自： ArcGIS产品与技术专栏

强连通分量及缩点tarjan算法解析

11-16 阅读数 278877

强连通分量： 简言之 就是找环（每条边只走一次，两两可达） 孤立的一个点也是一个连通分量   使用tarjan算法 在嵌套的多个环中优先得到最大环( 最小环就是每个孤立点）   定义： int Ti... 博文 来自： 九野的博客

opencv视频操作基础---VideoCapture类

11-28 阅读数 43380

    opencv中通过VideoCaptrue类对视频进行读取操作以及调用摄像头，下面是该类的API。1.VideoCapture类的构造函数：C++: VideoCapture::VideoCa... 博文 来自： 洪流之源

python图片处理类之~PIL.Image模块(ios android icon图标自动生成处理)

08-31 阅读数 16428

1.从pyCharm提示下载PIL包  http://www.pythonware.com/products/pil/   2.解压后，进入到目录下 cd /Users/jianan/Dow... 博文 来自： 专注于全栈游戏开发

关于SpringBoot bean无法注入的问题（与文件包位置有关）

12-16 阅读数 91870

问题场景描述整个项目通过Maven构建，大致结构如下： 核心Spring框架一个module spring-boot-base service和dao一个module server-core 提供系统... 博文 来自： 开发随笔

DirectX修复工具增强版

02-09 阅读数 1808185

最后更新：2018-12-20 DirectX修复工具最新版：DirectX Repair V3.8 增强版  NEW! 版本号：V3.8.0.11638 大小: 107MB/7z格式压缩，18... 博文 来自： VBcom的专栏

机器学习 机器学习课程 机器学习教程 深度学习视频教程 深度学习学习
bootstrap博客系统模板 bootstrap-table与ssm +ssm bootstrap c#微信给个人给个人付款 ssm项目聚合bootstrap 个人如何学习人工智能 python教程+chm

没有更多推荐了，返回首页
注册