码迷，mamicode.com
首页 > 其他好文 > 详细

ssm框架

时间：2020-08-04 14:02:41      阅读：65      评论：0      收藏：0      [点我收藏+]

标签：权限   client   exec   ted   ali   autowired   use   apc   表示   

  1. dependencies>
  2. <!-- mybatis核心包 -->
  3. <dependency>
  4. <groupId>org.mybatis</groupId>
  5. <artifactId>mybatis</artifactId>
  6. <version>3.4.1</version>
  7. </dependency>
  8. <!-- mysql驱动包 -->
  9. <dependency>
  10. <groupId>mysql</groupId>
  11. <artifactId>mysql-connector-java</artifactId>
  12. <version>5.1.29</version>
  13. </dependency>
  14. <!--日志包-->
  15. <dependency>
  16. <groupId>org.slf4j</groupId>
  17. <artifactId>slf4j-log4j12</artifactId>
  18. <version>1.6.1</version>
  19. </dependency>
  20. <dependency>
  21. <groupId>org.slf4j</groupId>
  22. <artifactId>slf4j-api</artifactId>
  23. <version>1.6.1</version>
  24. </dependency>
  25. <!--spring数据库-->
  26. <dependency>
  27. <groupId>org.springframework</groupId>
  28. <artifactId>spring-jdbc</artifactId>
  29. <version>4.3.11.RELEASE</version>
  30. </dependency>
  31. <!--aop-->
  32. <dependency>
  33. <groupId>org.springframework</groupId>
  34. <artifactId>spring-aspects</artifactId>
  35. <version>4.3.11.RELEASE</version>
  36. </dependency>
  37. <dependency>
  38. <groupId>org.springframework</groupId>
  39. <artifactId>spring-context</artifactId>
  40. <version>4.3.11.RELEASE</version>
  41. </dependency>
  42. <!--spring-mybatis整合包-->
  43. <dependency>
  44. <groupId>org.mybatis</groupId>
  45. <artifactId>mybatis-spring</artifactId>
  46. <version>1.3.1</version>
  47. </dependency>
  48. <!--spring MVC相关包-->
  49. <dependency>
  50. <groupId>org.springframework</groupId>
  51. <artifactId>spring-webmvc</artifactId>
  52. <version>4.3.11.RELEASE</version>
  53. </dependency>
  54. <!--JSTL的目的就是在JSTL页面中美观的输出数据，它内置了很多标签库，包括很多逻辑判断，迭代，函数，数据库标签-->
  55. <dependency>
  56. <groupId>jstl</groupId>
  57. <artifactId>jstl</artifactId>
  58. <version>1.2</version>
  59. </dependency>
  60. <!--mybatis分页插件-->
  61. <dependency>
  62. <groupId>com.github.pagehelper</groupId>
  63. <artifactId>pagehelper</artifactId>
  64. <version>4.2.1</version>
  65. </dependency>
  66. <!-- Jackson Json处理工具包 -->
  67. <dependency>
  68. <groupId>com.fasterxml.jackson.core</groupId>
  69. <artifactId>jackson-databind</artifactId>
  70. <version>2.7.4</version>
  71. </dependency>
  72. <!--文件上传包-->
  73. <dependency>
  74. <groupId>commons-fileupload</groupId>
  75. <artifactId>commons-fileupload</artifactId>
  76. <version>1.3.3</version>
  77. </dependency>
  78. </dependencies>
  79.  
  80. <!--构建项目需要的信息-->
  81. <build>
  82. <finalName>ssm-blog-admin</finalName>
  83. <!--这个元素描述了项目相关的所有资源路径列表，例如和项目相关的属性文件，这些资源被包含在最终的打包文件里。-->
  84. <!--maven工程默认只导入resources下的配置文件 -->
  85. <resources>
  86. <!--这个元素描述了项目相关或测试相关的所有资源路径，-->
  87. <!--导入mybatis-mapper.xml文件 -->
  88. <resource>
  89. <directory>src/main/java</directory>
  90. <includes>
  91. <include>**/*.xml</include>
  92. </includes>
  93. <filtering>true</filtering>
  94. </resource>
  95. <resource>
  96. <!--扫描存放资源的路径 -->
  97. <directory>src/main/resources</directory>
  98. <!--包含的内容列表 -->
  99. <includes>
  100. <include>**/*.xml</include>
  101. <include>**/*.properties</include>
  102. </includes>
  103. </resource>
  104. </resources>
  105. </build>

实体类pojo

Diary.java

  1. public class Diary {
  2. private Integer id; //主键ID
  3. private Integer userId; //用户ID
  4. private Date createdDate; //日记创建时间
  5. private String content; //日记内容
  6. private String title; //日记标题
  7. private int status; //身份权限，1：有效，0：无效
  8. private String nickname; //昵称
  9. private AdminUser adminUser; //管理员
  10.  
  11. public Integer getId() {
  12. return id;
  13. }
  14.  
  15. public void setId(Integer id) {
  16. this.id = id;
  17. }
  18.  
  19. public Integer getUserId() {
  20. return userId;
  21. }
  22.  
  23. public void setUserId(Integer userId) {
  24. this.userId = userId;
  25. }
  26. @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss",timezone = "GMT+8")
  27. public Date getCreatedDate() {
  28. return createdDate;
  29. }
  30.  
  31. public void setCreatedDate(Date createdDate) {
  32. this.createdDate = createdDate;
  33. }
  34.  
  35. public String getContent() {
  36. return content;
  37. }
  38.  
  39. public void setContent(String content) {
  40. this.content = content;
  41. }
  42.  
  43. public String getTitle() {
  44. return title;
  45. }
  46.  
  47. public void setTitle(String title) {
  48. this.title = title;
  49. }
  50.  
  51. public int getStatus() {
  52. return status;
  53. }
  54.  
  55. public void setStatus(int status) {
  56. this.status = status;
  57. }
  58.  
  59. public String getNickname() {
  60. return nickname;
  61. }
  62.  
  63. public void setNickname(String nickname) {
  64. this.nickname = nickname;
  65. }
  66.  
  67. public AdminUser getAdminUser() {
  68. return adminUser;
  69. }
  70.  
  71. public void setAdminUser(AdminUser adminUser) {
  72. this.adminUser = adminUser;
  73. }
  74. }


DAO层

DiaryDAO.java

  1. public interface DiaryDAO {
  2. //插入日记方法
  3. void addDiary(Diary diary);
  4. //查询日记列表
  5. List<Diary> getDiaryList(Diary diary);
  6. //根据id查询日记
  7. Diary getDiaryById(int id);
  8. //更新日记
  9. void updateDiary(Diary diary);
  10. //更新用户权限
  11. void updateDiaryStatus(Diary diary);
  12. }

 

DiaryMapper.xml

  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE mapper
  3. PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  4. "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
  5. <!--namespace：对应dao层的全路径-->
  6. <mapper namespace="com.ssm.blog.dao.DiaryDAO">
  7.  
  8. <!--id：dao层中添加日记方法，parameterType：mapper接口方法接受的参数类型-->
  9. <insert id="addDiary" parameterType="Diary">
  10. INSERT INTO diary(USER_ID,CREATED_DATE,CONTENT,TITLE,STATUS)
  11. VALUES (#{userId},now(),#{content},#{title},#{status})
  12. </insert>
  13.  
  14. <!--id 下方resultMap，type 对应实体类名-->
  15. <resultMap id="diaryMap" type="Diary">
  16. <!--property对应实体类中属性名，column对应数据库中字段名-->
  17. <id property="id" column="ID"/>
  18. <result property="userId" column="USER_ID"/>
  19. <result property="createdDate" column="CREATED_DATE"/>
  20. <result property="content" column="CONTENT"/>
  21. <result property="title" column="TITLE"/>
  22. <result property="status" column="STATUS"/>
  23. </resultMap>
  24. <!--id对应DAO层查询列表方法名，parameterType：mapper接口方法接受的参数类型，resultMap对应上方id值-->
  25. <select id="getDiaryList" parameterType="Diary" resultMap="diaryMap">
  26. SELECT D.ID,D.TITLE,D.USER_ID,D.CREATED_DATE,D.CONTENT,D.STATUS,A.NICKNAME
  27. FROM diary D
  28. INNER JOIN ADMIN_USER A ON D.USER_ID=A.ID
  29. <where>
  30. <if test="id !=null">D.ID=#{id}</if>
  31. <if test="title !=null and title!=‘‘">and TITLE like concat(‘%‘,#{title},‘%‘)</if>
  32. <if test="nickname !=null and nickname!=‘‘">and NICKNAME like concat(‘%‘,#{nickname},‘%‘)</if>
  33. </where>
  34. </select>
  35.  
  36. <!--根据id查询，用户点击修改时回显数据-->
  37. <!--id：dao层中根据id查询日记方法，parameterType：mapper接口方法接受的参数类型-->
  38. <select id="getDiaryById" parameterType="int" resultMap="diaryMap">
  39. SELECT ID,TITLE,CONTENT,STATUS
  40. FROM Diary
  41. WHERE ID=#{id}
  42. </select>
  43.  
  44. <!--id：dao层中更新日记方法，parameterType：mapper接口方法接受的参数类型-->
  45. <update id="updateDiary" parameterType="Diary">
  46. update diary set TITLE=#{title},CONTENT=#{content},STATUS=#{status}
  47. where ID=#{id}
  48. </update>
  49.  
  50. <!--修改用户权限，点击删除后将权限为1的修改为权限为0的-->
  51. <!--id：dao层中更改权限方法，parameterType：mapper接口方法接受的参数类型-->
  52. <update id="updateDiaryStatus" parameterType="Diary">
  53. update diary set STATUS=0
  54. where ID=#{id}
  55. </update>
  56. </mapper>


service层

DiaryService.java

  1. public interface DiaryService {
  2. //插入日记
  3. void addDiary(Diary diary);
  4.  
  5. //查询日记列表并分页
  6. PageInfo<Diary> getDiaryList(Diary diary,int pageNum,int pageSize);
  7.  
  8. //根据id查询，用于回显
  9. Diary getDiaryById(Integer id);
  10.  
  11. //更新日记
  12. void updateDiary(Diary diary);
  13. //更改权限
  14. void updateDiaryStatus(int id);
  15. }

 

service层  DiarySrviceImpl.java

  1. //加service注解
  2. @Service
  3. public class DiaryServiceImpl implements DiaryService {
  4. // 当Spring发现@Autowired注解时，将自动在代码上下文中找到和其匹配（默认是类型匹配）的Bean，
  5. // 并自动注入到相应的地方去。
  6. @Autowired
  7. private DiaryDAO diaryDAO;
  8.  
  9. //插入日记
  10. @Override
  11. public void addDiary(Diary diary) {
  12. diaryDAO.addDiary(diary);
  13. }
  14. //查询日记列表并分页
  15. @Override
  16. public PageInfo<Diary> getDiaryList(Diary diary, int pageNum, int pageSize) {
  17. PageHelper.startPage(pageNum, pageSize);
  18. List<Diary> diaryList = diaryDAO.getDiaryList(diary);
  19. PageInfo<Diary> pageInfo = new PageInfo<>(diaryList);
  20. return pageInfo;
  21. }
  22. //根据id查询日记
  23. @Override
  24. public Diary getDiaryById(Integer id) {
  25. return diaryDAO.getDiaryById(id);
  26. }
  27. //更新日记
  28. @Override
  29. public void updateDiary(Diary diary) {
  30. diaryDAO.updateDiary(diary);
  31. }
  32. //更新身份权限
  33. @Override
  34. public void updateDiaryStatus(int id) {
  35. Diary diary = diaryDAO.getDiaryById(id);
  36.  
  37. diaryDAO.updateDiaryStatus(diary);
  38. }
  39. }
  40.  

controller层

 DiaryController.java

  1. //加controller注解，处理由DispatcherServlet分发的请求
  2. @Controller
  3. //定义url
  4. @RequestMapping("/diary.html")
  5. public class DiaryController {
  6. @Autowired
  7. private DiaryService diaryService;
  8.  
  9. @RequestMapping(params = "act=edit")
  10. @ResponseBody //这个注解表示该方法的返回结果直接写入HTTP response body中，一般在异步获取数据时使用。
  11. //添加和修改，一个方法实现两个功能
  12. public Map<String,Object> edit(Diary diary){
  13. if (diary.getId() == null) {
  14. //从session中获取user的信息，后面写完登录再改
  15. diary.setUserId(2);
  16. diaryService.addDiary(diary);
  17. }else{
  18. //修改
  19. diaryService.updateDiary(diary);
  20. }
  21. return JsonUtils.getSuccessMessage("编辑成功",null);
  22. }
  23.  
  24. //查询日记列表并分页
  25. @RequestMapping(params = "act=list")
  26. @ResponseBody
  27. public Map<String,Object> list(Diary diary, int page, int rows){
  28. PageInfo<Diary> pageInfo = diaryService.getDiaryList(diary, page, rows);
  29. return JsonUtils.getDatagridPagerResult(pageInfo.getTotal(),pageInfo.getList());
  30. }
  31.  
  32. //根据id查询所有，用于点击修改后回显
  33. @RequestMapping(params = "act=get")
  34. public ModelAndView getDiary(Integer id){
  35. Diary diary = null;
  36. if (id!=null){
  37. diary = diaryService.getDiaryById(id);
  38. }
  39. return new ModelAndView("diary_edit","diary",diary);
  40. }
  41.  
  42. //文件上传
  43. @Value("${DIARY_IMAGE_DIR}")
  44. private String DIARY_IMAGE_DIR;
  45. @Value("${DIARY_IMAGE_URL}")
  46. private String DIARY_IMAGE_URL;
  47.  
  48. @RequestMapping(params = "act=upload")
  49. @ResponseBody
  50. public String upload(MultipartFile file) {
  51. return JsonUtils.fileUpload(file,DIARY_IMAGE_DIR,DIARY_IMAGE_URL);
  52. }
  53.  
  54. //删除（修改权限）
  55. @RequestMapping(params = "act=delete")
  56. @ResponseBody
  57. public Map<String,Object> delete(int id){
  58. Diary diary = diaryService.getDiaryById(id);
  59. if (diary.getStatus()!=0){
  60. diaryService.updateDiaryStatus(id);
  61. }
  62. return JsonUtils.getSuccessMessage("删除权限成功",null);
  63. }
  64. }


util工具类

JsonUtils.java

  1. public class JsonUtils {
  2. public static Map<String,Object> getSuccessMessage(String message,Object other){
  3. Map<String,Object> result = new HashMap<>();
  4. result.put("status", true);
  5. result.put("message", "添加成功");
  6. result.put("other",other);
  7. return result;
  8. }
  9.  
  10. public static Map<String,Object> getErrorMessage(String message,Object other){
  11. Map<String,Object> result = new HashMap<>();
  12. result.put("status", false);
  13. result.put("message", "添加成功");
  14. result.put("other",other);
  15. return result;
  16. }
  17.  
  18. public static Map<String,Object> getDatagridPagerResult(long total, List list){
  19. Map<String,Object> result = new HashMap<>();
  20. result.put("total",total); //总条数
  21. result.put("rows",list); //返回的list数据
  22. return result;
  23. }
  24.  
  25. public static String fileUpload(MultipartFile file,String DIR,String URL){
  26. String oldFileName = file.getOriginalFilename();
  27. String extName = oldFileName.substring(oldFileName.lastIndexOf("."));
  28. String newFileName = System.currentTimeMillis()+extName;
  29. try {
  30. FileUtils.copyInputStreamToFile(file.getInputStream(),new File(DIR,newFileName));
  31. return "{\"error\":0,\"url\":\"" + URL + newFileName + "\"}";
  32. } catch (IOException e) {
  33. e.printStackTrace();
  34. return "{\"error\":1}";
  35. }
  36. }
  37. }


resource

db.properties:配置mysql

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

 

log4j.properties:输出日志信息

  1. log4j.rootLogger=DEBUG, stdout
  2.  
  3. log4j.appender.stdout=org.apache.log4j.ConsoleAppender
  4. log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
  5. log4j.appender.stdout.layout.ConversionPattern=%d %p [%c] - %m%n
  6.  
  7. #begin
  8. #for normal test,delete when online
  9. log4j.logger.com.ibatis=DEBUG
  10. log4j.logger.com.ibatis.common.jdbc.SimpleDataSource=DEBUG
  11. log4j.logger.com.ibatis.common.jdbc.ScriptRunner=DEBUG
  12. log4j.logger.com.ibatis.sqlmap.engine.impl.SqlMapClientDelegate=DEBUG
  13.  
  14. log4j.logger.java.sql.Connection=DEBUG
  15. log4j.logger.java.sql.Statement=DEBUG
  16. log4j.logger.java.sql.PreparedStatement=DEBUG
  17. log4j.logger.java.sql.ResultSet=DEBUG

 

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

  1. DIARY_IMAGE_DIR=E:/upload/diary/
  2.  
  3. DIARY_IMAGE_URL=http://localhost:8080/upload/diary/


spring-config.xml

  1. <!--读取配置文件-->
  2. <context:property-placeholder location="classpath:db.properties" ignore-unresolvable="true"/>
  3. <!--从配置文件中获取数据源-->
  4. <bean id="dataSource" class="org.springframework.jdbc.datasource.DriverManagerDataSource">
  5. <property name="driverClassName" value="${jdbc.driver}"/>
  6. <property name="url" value="${jdbc.url}"/>
  7. <property name="username" value="${jdbc.username}"/>
  8. <property name="password" value="${jdbc.password}"/>
  9. </bean>
  10.  
  11. <!-- 启动自动扫描 -->
  12. <context:component-scan base-package="com.ssm.blog.*">
  13. <!-- 制定扫包规则 ,不扫描@Controller注解的JAVA类 -->
  14. <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
  15. </context:component-scan>
  16.  
  17. <!--spring管理session工厂-->
  18. <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
  19. <property name="dataSource" ref="dataSource"/>
  20. <property name="mapperLocations" value="classpath:com/ssm/blog/dao/mapper/*.xml"/>
  21. <property name="typeAliasesPackage" value="com.ssm.blog.pojo"/>
  22. <property name="plugins">
  23. <array>
  24. <bean class="com.github.pagehelper.PageHelper">
  25. <property name="properties">
  26. <value>
  27. dialect=mysql
  28. reasonable=true
  29. </value>
  30. </property>
  31. </bean>
  32. </array>
  33. </property>
  34. </bean>
  35. <!--扫描所有mybatis的dao接口，生成代理实现类-->
  36. <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
  37. <property name="basePackage" value="com.ssm.blog.dao"/>
  38. </bean>
  39. <!-- 配置事务管理器 -->
  40. <bean id="transactionManager"
  41. class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
  42. <property name="dataSource" ref="dataSource"/>
  43. </bean>
  44. <!--事务增强-->
  45. <tx:advice id="txAdvice" transaction-manager="transactionManager">
  46. <tx:attributes>
  47. <!-- 传播行为，匹配的是方法名 -->
  48. <tx:method name="add*" rollback-for="Exception"/>
  49. <tx:method name="delete*" rollback-for="Exception"/>
  50. <tx:method name="update*" rollback-for="Exception"/>
  51. <tx:method name="get*" propagation="SUPPORTS" read-only="true"/>
  52. <tx:method name="do*" rollback-for="Exception"/>
  53. </tx:attributes>
  54. </tx:advice>
  55. <!-- 通过AOP配置提供事务增强，让service包下所有Bean的所有方法拥有事务 -->
  56. <aop:config>
  57. <aop:pointcut id="serviceMethod"
  58. expression="execution(* com.ssm.blog.service..*(..))"/>
  59. <aop:advisor pointcut-ref="serviceMethod" advice-ref="txAdvice"/>
  60. </aop:config>

 

WEB-INF

springMVC-servlet.xml

  1. <!--加载下方返回值转换器-->
  2. <mvc:annotation-driven content-negotiation-manager="contentNegotiationManagerFactoryBean"/>
  3. <!--扫描过滤器-->
  4. <context:component-scan base-package="com.ssm.blog.controller">
  5. <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
  6. </context:component-scan>
  7. <!-- 配置视图解析器-->
  8. <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
  9. <property name="prefix" value="/"></property><!--前缀-->
  10. <property name="suffix" value=".jsp"></property><!--后缀-->
  11. </bean>
  12. <!--加载media下的easyui和富文本编辑器-->
  13. <mvc:resources mapping="/media/**" location="/media/"/>
  14. <!--配置返回值转换器-->
  15. <bean id="contentNegotiationManagerFactoryBean"
  16. class="org.springframework.web.accept.ContentNegotiationManagerFactoryBean">
  17. <property name="favorPathExtension" value="false"/>
  18. <property name="favorParameter" value="false"/>
  19. <property name="ignoreAcceptHeader" value="false"/>
  20. <property name="mediaTypes">
  21. <map>
  22. <entry key="json" value="application/json"/>
  23. </map>
  24. </property>
  25. </bean>
  26. <!--文件上传解析器-->
  27. <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
  28. <property name="maxUploadSize" value="1048576"/>
  29. <property name="defaultEncoding" value="UTF-8"/>
  30. <property name="resolveLazily" value="true"/>
  31. </bean>


web.xml

  1. <!--加载spring-config.xml-->
  2. <context-param>
  3. <param-name>contextConfigLocation</param-name>
  4. <param-value>classpath:spring-config.xml</param-value>
  5. </context-param>
  6. <!--配置listener，在启动Web容器的时候加载Spring的配置-->
  7. <listener>
  8. <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  9. </listener>
  10. <filter>
  11. <filter-name>CharacterEncodingFilter</filter-name>
  12. <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
  13. <init-param>
  14. <param-name>encoding</param-name>
  15. <param-value>UTF-8</param-value>
  16. </init-param>
  17. <init-param>
  18. <param-name>forceEncoding</param-name>
  19. <param-value>true</param-value>
  20. </init-param>
  21. </filter>
  22. <filter-mapping>
  23. <filter-name>CharacterEncodingFilter</filter-name>
  24. <url-pattern>/*</url-pattern>
  25. </filter-mapping>
  26. <!--配置DispatcherServlet -->
  27. <servlet>
  28. <servlet-name>springMVC</servlet-name>
  29. <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  30. </servlet>
  31. <servlet-mapping>
  32. <servlet-name>springMVC</servlet-name>
  33. <url-pattern>*.html</url-pattern>
  34. </servlet-mapping>
  35. <welcome-file-list>
  36. <welcome-file>/blog/list.html</welcome-file>
  37. </welcome-file-list>


diary_list.jsp

  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <%--panel面板可以设置整体的高度--%>
  3. <div class="easyui-panel" style="height: 95%">
  4. <table id="diary-datagrid" style="height:450px">
  5. </table>
  6. <div id="diary-datagrid-toolbar">
  7. <div>
  8. ID：<input type="text" class="easyui-numberbox" id="search-diary-id"/>
  9. 标题：<input type="text" id="search-diary-title"/>
  10. 昵称：<input type="text" id="search-diary-nickname"/>
  11. <a href="#" class="easyui-linkbutton" iconCls="icon-search"
  12. οnclick="doDiarySearch()">搜索</a>
  13. </div>
  14. <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" οnclick="doEditDiary(0)">新增</a>
  15. <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" οnclick="doEditDiary(1)">修改</a>
  16. <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" plain="true" οnclick="doDeleteDiary()">删除权限</a>
  17. </div>
  18. </div>
  19.  
  20. <div class="easyui-dialog" closed="true" id="edit-diary-dialog"
  21. modal="true" title="编辑日记" style="width:800px;height:600px;padding:30px" buttons="#dlg-diary-buttons">
  22. </div>
  23. <div id="dlg-diary-buttons">
  24. <a href="javascript:void(0)" class="easyui-linkbutton" οnclick="submitDiary()">保存</a>
  25. <a href="javascript:void(0)" class="easyui-linkbutton" οnclick="$(‘#edit-diary-form‘).form(‘reset‘);">重填</a>
  26. </div>
  27. <link href="<%=request.getContextPath()%>/media/kindeditor-4.1.10/themes/default/default.css" type="text/css"
  28. rel="stylesheet">
  29. <script type="text/javascript" charset="utf-8"
  30. src="<%=request.getContextPath()%>/media/kindeditor-4.1.10/kindeditor-all.js"></script>
  31. <script type="text/javascript" charset="utf-8"
  32. src="<%=request.getContextPath()%>/media/kindeditor-4.1.10/lang/zh_CN.js"></script>
  33.  
  34. <script type="text/javascript">
  35. $(function () {
  36. $("#diary-datagrid").datagrid({
  37. url: "<%=request.getContextPath()%>/diary.html?act=list",
  38. pagination: true,
  39. pageList: [5, 10, 15, 20],
  40. toolbar: "#diary-datagrid-toolbar",
  41. frozen: true,//冻结标题行
  42. singleSelect:true,
  43. fit: true,//让表格自动适应面板的高度
  44. nowrap: false,//高度自适应，当内容比较多的时候会自动换行
  45. columns: [[
  46. {field: ‘id‘, title: ‘ID‘, width: 80},
  47. {field: ‘title‘, title: ‘标题‘, width: 80},
  48. {field: ‘createdDate‘, title: ‘发布时间‘, width: 160},
  49. {field: ‘nickname‘, title: ‘作者‘, width: 80},
  50. {
  51. field: ‘status‘, title: ‘身份权限‘, width: 80, formatter: function (val, row) {
  52. if (row.status == 0) return "<span style=‘color:red‘>无效</span>";
  53. return row.status
  54. }
  55. }
  56. ]]
  57. })
  58. })
  59.  
  60. function doDiarySearch() {
  61. var queryParams = $(‘#diary-datagrid‘).datagrid(‘options‘).queryParams;
  62. queryParams.id = $("#search-diary-id").val();
  63. queryParams.title = $("#search-diary-title").val();
  64. queryParams.nickname = $("#search-diary-nickname").val();
  65. //重新加载datagrid
  66. $("#diary-datagrid").datagrid(‘reload‘);
  67. }
  68.  
  69. var kingEditorParams = {
  70. filePostName: "file",//指定上传文件参数名称
  71. uploadJson: ‘<%=request.getContextPath()%>/diary.html?act=upload‘,//指定上传文件请求的url。
  72. dir: "image"//上传类型，分别为image、flash、media、file,
  73. }
  74. var editor;
  75.  
  76. function doEditDiary(type) {
  77. var id = "";
  78. var row = $(‘#diary-datagrid‘).datagrid(‘getSelected‘); //单选
  79. if (type == 1) {//要修改
  80. if (row == null) {
  81. alert("请选择要编辑的数据");
  82. return;
  83. }
  84. id = row.id;
  85. }
  86. $("#edit-diary-dialog").dialog({
  87. href: "<%=request.getContextPath()%>/diary.html?act=get&id=" + id,
  88. onLoad: function () {
  89. editor = KindEditor.create($("#editor"), kingEditorParams);
  90. },
  91. onBeforeDestroy: function () {
  92. KindEditor.remove("#editor");
  93. }
  94. }).dialog(‘open‘);
  95. }
  96.  
  97. function submitDiary() {
  98. $(‘#edit-diary-form‘).form(‘submit‘, {
  99. onSubmit: function () {
  100. if ($(this).form(‘enableValidation‘).form(‘validate‘)) {
  101. editor.sync();//同步富文本编辑器，否则拿不到
  102. $.ajax({
  103. url: "<%=request.getContextPath()%>/diary.html?act=edit",
  104. data: $("#edit-diary-form").serialize(),
  105. method: "post",
  106. success: function (data) {
  107. if (data.status) {
  108. $("#diary-datagrid").datagrid(‘reload‘);
  109. $("#edit-diary-dialog").dialog("close");
  110. } else {
  111. alert(data.message)
  112. }
  113. }
  114. })
  115. }
  116. return false;
  117. }
  118. });
  119. }
  120.  
  121. function doDeleteDiary() {
  122. var row = $(‘#diary-datagrid‘).datagrid(‘getSelected‘);
  123. if (row == null){
  124. return;
  125. }
  126. if (confirm("确定要删除权限吗？")){
  127. $.ajax({
  128. url:"<%=request.getContextPath()%>/diary.html?act=delete",
  129. data:"id=" + row.id,
  130. method:"post",
  131. success:function (data) {
  132. if (data.status){
  133. $("#diary-datagrid").datagrid(‘reload‘);
  134. }else{
  135. alert(data.message)
  136. }
  137. }
  138. })
  139. }
  140. }
  141.  
  142. </script>


diary_edit.jsp

    1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    2. <%--panel面板可以设置整体的高度--%>
    3. <div class="easyui-panel" style="height: 95%">
    4. <table id="diary-datagrid" style="height:450px">
    5. </table>
    6. <div id="diary-datagrid-toolbar">
    7. <div>
    8. ID：<input type="text" class="easyui-numberbox" id="search-diary-id"/>
    9. 标题：<input type="text" id="search-diary-title"/>
    10. 昵称：<input type="text" id="search-diary-nickname"/>
    11. <a href="#" class="easyui-linkbutton" iconCls="icon-search"
    12. οnclick="doDiarySearch()">搜索</a>
    13. </div>
    14. <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" οnclick="doEditDiary(0)">新增</a>
    15. <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" οnclick="doEditDiary(1)">修改</a>
    16. <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" plain="true" οnclick="doDeleteDiary()">删除权限</a>
    17. </div>
    18. </div>
    19.  
    20. <div class="easyui-dialog" closed="true" id="edit-diary-dialog"
    21. modal="true" title="编辑日记" style="width:800px;height:600px;padding:30px" buttons="#dlg-diary-buttons">
    22. </div>
    23. <div id="dlg-diary-buttons">
    24. <a href="javascript:void(0)" class="easyui-linkbutton" οnclick="submitDiary()">保存</a>
    25. <a href="javascript:void(0)" class="easyui-linkbutton" οnclick="$(‘#edit-diary-form‘).form(‘reset‘);">重填</a>
    26. </div>
    27. <link href="<%=request.getContextPath()%>/media/kindeditor-4.1.10/themes/default/default.css" type="text/css"
    28. rel="stylesheet">
    29. <script type="text/javascript" charset="utf-8"
    30. src="<%=request.getContextPath()%>/media/kindeditor-4.1.10/kindeditor-all.js"></script>
    31. <script type="text/javascript" charset="utf-8"
    32. src="<%=request.getContextPath()%>/media/kindeditor-4.1.10/lang/zh_CN.js"></script>
    33.  
    34. <script type="text/javascript">
    35. $(function () {
    36. $("#diary-datagrid").datagrid({
    37. url: "<%=request.getContextPath()%>/diary.html?act=list",
    38. pagination: true,
    39. pageList: [5, 10, 15, 20],
    40. toolbar: "#diary-datagrid-toolbar",
    41. frozen: true,//冻结标题行
    42. singleSelect:true,
    43. fit: true,//让表格自动适应面板的高度
    44. nowrap: false,//高度自适应，当内容比较多的时候会自动换行
    45. columns: [[
    46. {field: ‘id‘, title: ‘ID‘, width: 80},
    47. {field: ‘title‘, title: ‘标题‘, width: 80},
    48. {field: ‘createdDate‘, title: ‘发布时间‘, width: 160},
    49. {field: ‘nickname‘, title: ‘作者‘, width: 80},
    50. {
    51. field: ‘status‘, title: ‘身份权限‘, width: 80, formatter: function (val, row) {
    52. if (row.status == 0) return "<span style=‘color:red‘>无效</span>";
    53. return row.status
    54. }
    55. }
    56. ]]
    57. })
    58. })
    59.  
    60. function doDiarySearch() {
    61. var queryParams = $(‘#diary-datagrid‘).datagrid(‘options‘).queryParams;
    62. queryParams.id = $("#search-diary-id").val();
    63. queryParams.title = $("#search-diary-title").val();
    64. queryParams.nickname = $("#search-diary-nickname").val();
    65. //重新加载datagrid
    66. $("#diary-datagrid").datagrid(‘reload‘);
    67. }
    68.  
    69. var kingEditorParams = {
    70. filePostName: "file",//指定上传文件参数名称
    71. uploadJson: ‘<%=request.getContextPath()%>/diary.html?act=upload‘,//指定上传文件请求的url。
    72. dir: "image"//上传类型，分别为image、flash、media、file,
    73. }
    74. var editor;
    75.  
    76. function doEditDiary(type) {
    77. var id = "";
    78. var row = $(‘#diary-datagrid‘).datagrid(‘getSelected‘); //单选
    79. if (type == 1) {//要修改
    80. if (row == null) {
    81. alert("请选择要编辑的数据");
    82. return;
    83. }
    84. id = row.id;
    85. }
    86. $("#edit-diary-dialog").dialog({
    87. href: "<%=request.getContextPath()%>/diary.html?act=get&id=" + id,
    88. onLoad: function () {
    89. editor = KindEditor.create($("#editor"), kingEditorParams);
    90. },
    91. onBeforeDestroy: function () {
    92. KindEditor.remove("#editor");
    93. }
    94. }).dialog(‘open‘);
    95. }
    96.  
    97. function submitDiary() {
    98. $(‘#edit-diary-form‘).form(‘submit‘, {
    99. onSubmit: function () {
    100. if ($(this).form(‘enableValidation‘).form(‘validate‘)) {
    101. editor.sync();//同步富文本编辑器，否则拿不到
    102. $.ajax({
    103. url: "<%=request.getContextPath()%>/diary.html?act=edit",
    104. data: $("#edit-diary-form").serialize(),
    105. method: "post",
    106. success: function (data) {
    107. if (data.status) {
    108. $("#diary-datagrid").datagrid(‘reload‘);
    109. $("#edit-diary-dialog").dialog("close");
    110. } else {
    111. alert(data.message)
    112. }
    113. }
    114. })
    115. }
    116. return false;
    117. }
    118. });
    119. }
    120.  
    121. function doDeleteDiary() {
    122. var row = $(‘#diary-datagrid‘).datagrid(‘getSelected‘);
    123. if (row == null){
    124. return;
    125. }
    126. if (confirm("确定要删除权限吗？")){
    127. $.ajax({
    128. url:"<%=request.getContextPath()%>/diary.html?act=delete",
    129. data:"id=" + row.id,
    130. method:"post",
    131. success:function (data) {
    132. if (data.status){
    133. $("#diary-datagrid").datagrid(‘reload‘);
    134. }else{
    135. alert(data.message)
    136. }
    137. }
    138. })
    139. }
    140. }
    141.  
    142. </script>

ssm框架

标签：权限   client   exec   ted   ali   autowired   use   apc   表示   

原文地址：https://www.cnblogs.com/yuanning1/p/13432505.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！