百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分析 > 正文

cc-project详细文档 cc文件

liebian365 2024-11-11 14:46 4 浏览 0 评论

介绍

cc-project 是一个前后端分离的权限项目,主要有用户管理、部门管理、角色管理、菜单管理、按钮管理、访问地址管理、数据权限管理、数据字典管理、系统公告管理、系统信息、登录日志管理、系统日志管理、界面布局示例等功能,可根据角色控制菜单、按钮(头部按钮、行按钮、下拉按钮等)、访问地址、行级数据访问、数据字典数据权限等;后端采用spring boot、mybatis 以及多数据源管理、后端采用maven分模块开发,数据库采用mysql8.0,其它内容请参考后续章节。

版本

目前后端只有一套,前端分为angular11、vue3.0版本,计划开发react版本

技术

前端技术

angular版本

angular11+ng-zorro-antd11+less

vue版本

vue3.0+ant-design-vue2+less


后端技术

spring boot+mybatis3.1.1 + maven+mysql8.0


目录结构

前端

angular版本

angular版本将功能的代码分为平台和业务两个部分,平台代码是所有平台功能以及公共部分的实现,业务部分是提供给二次开发者自己的功能实现,这样把平台和业务就分开了,不是平台问题,建议不要修改平台代码和资源文件,这样有利于平台的干净,后续代码更新不会出现冲突。

e2e

端到端的测试目录

src

源代码目录

src/app

应用代码目录

src/app/business

业务功能目录,所有业务功能的实现在里面,这样做可以把平台和业务的实现分开

src/app/home

整个应用的主页

src/app/layout

整个应用布局

src/app/login

整个应用的登录

src/app/platform

平台功能目录,所有平台功能都在里面,这样做可以把平台和业务的实现分开

src/app/app.component

整个应用的根组件

src/app/app.guard

整个应用的守卫,继承了平台的守卫实现

src/app/app.module

整个应用的根模块

src/app/app-http-interceptor

整个应用的拦截器,继承了平台的拦截器实现

src/app/app-routing.module

整个应用的根路由配置

src/app/platform/api

平台功能的api目录,就是跟后端请求的方法

src/app/platform/common

平台功能的公共目录,包含常量、工具类、枚举、实体类

src/app/platform/shared

平台功能的共享目录,里面包含平台公共的指令、组件、管道、验证器等

src/app/platform/view

平台功能的视图目录,所有的平台部分的功能页面,例如:用户管理、角色管理等等等

src/app/business/api

业务功能的api目录,就是跟后端请求的方法

src/app/business/view

业务功能的视图目录,所有业务功能页面可以放在这里面,目前放一些示例页面

src/assets

资源目录

src/assets/app/less

应用的主题less目录,里面可以配置平台的主题

src/assets/platform

平台资源目录,里面有扩展的图标、平台图片、平台的扩展less、重写less、主题less

src/assets/platform/platform-overwrite/less

平台less的覆盖,我们建议不要直接去修改平台的less,而是通过这个目录的less来重写,这样平台会保持很干净,后续平台有更新,不会有冲突,上面代码部分之所以也分平台的业务,同样是希望使用者不要去直接修改平台,业务写在业务目录,这样好维护

src/environments

整个应用的环境变量,里面的配置有注释

其它

其它的目录和文件都是angular标准文件和目录这里面不讲了

vue版本

vue版本所有代码都写在一起,没有平台的业务的分离。

app-config

应用插件配置目录

app-config/build

vite配置

app-config/plugin

vite的插件

src

源代码

src/api

api目录,就是跟后端请求的方法

src/assets

资源文件目录

src/assets/icon

图标,因为ant-design-vue的所有图标都是组件实现,对于一些图标需要放在后端保存,这里面不太适用,所以直接引入iconfont,其中antd的目录下放的是antd的所有图标,app目录下放的是应用自己扩展的图标,icon.less是将所有图标整合在一起,直接在main.ts中引入

src/assets/img

应用中使用到的图片

src/assets/less

应用中使用的less,里面有公共的、覆盖的、主题等

src/common

公共的工具类、常量目录

src/components

公共的组件目录

src/config

配置目录,里面有antd的全局配置

src/directives

公共的指令目录

src/layouts

公共的布局目录,里面提供了两个布局和布局使用的组件

src/pipes

公共的管道,这个思想来源于angular,vue叫过滤器,用于做一些数据转换

src/router

所有的路由配置,app-module里面配置每个模块的路由,每个模块自己创建一个模块路由文件,这样多人开发不容易git提交冲突

src/store

所有的store配置,app-module里面配置每个状态的的store,这样多人开发不容易git提交冲突

src/types

应用的类型,同后端的model对应上

src/use

这里面配置是的全局的use,例如antd的,自定义的组件、指令,比较少用的组件和指令建议还是局部引入

src/validator

所有的表单公共验证器,例如:电话、邮箱等,这个同angular的一样

src/views

所有功能的页面实现

App.vue

应用根

main.ts

应用入口

.env、.env.development、.env.production

环境变量配置文件

vite.config.ts

vite配置文件

其它

其它的目录和文件都是标准文件和目录这里面不讲了

后端

后端是多数据源的项目,通过maven,将平台和业务通过子工程分开,各个有各个的数据源。

cc-console

主入口,是一个maven子工程,里面包含了全局的一些配置和入口Application

cc-demo-common

示例公共部分,是一个maven子工程,里面只有一个modal

cc-demo-impl

示例dao、service实现部分,是一个maven子工程,里面的base里是一个多数据源的实现,项目的做法是,平台数据库和业务数据库分开,所有单独添加了一个数据源

cc-demo-web

示例的controller请求

cc-sys-common

平台的公共实现,里面有注释、常量、工具类、接口、实体类

cc-sys-impl

平台的dao、service实现部分,是一个maven子工程,里面的base里是一个多数据源的实现,项目的做法是,平台数据库和业务数据库分开,所有单独添加了一个数据源

cc-sys-web

平台功能的controller请求

readme

里面有数据库脚本、简单的文档

pom

主工程的pom文件

其它

具体的请看目录

使用

数据库导入

平台的数据库:在mysql8.0中先创建一个sys_db数据库,在cc-app-backed\readme\data\全库数据目录下找到sys_db.sql脚本导入。

示例数据库:创建一个demo_db数据库,引入 demo_db.sql

前端配置

angular版本

主要是环境变量的配置,可以查看变量文件,里面有注释

vue版本

1.vite的配置在app-config目录下和vite.config.ts中

2.antd全局配置在config/antd-global-config.ts中

3.路由的配置在router目录中

4.store的配置在store目录中

5.全局的引入配置在use中


后端配置

主要在cc-app-console中,里面有ehcache配置,application配置,日志配置,应用配置

添加数据源配置:

1.首页创建一个maven中工程,参考demo,

2.然后创建一个base包,然后创建一个config和一个dao包,

3.config中创建datasource类,主要是配置Atomikos,配置内容放在application-xxx.properties文件中,

#--------demo dataSource config--------
demo.uniqueResourceName=demoDataSource
demo.xaDataSourceClassName=com.mysql.cj.jdbc.MysqlXADataSource
demo.xaUrl=jdbc:mysql://127.0.0.1:3306/demo_db?useUnicode=true&characterEncoding=UTF-8&useSSL=false&serverTimezone=UTC
demo.xaUser=root
demo.xaPassword=root
demo.minPoolSize=10
demo.maxPoolSize=200
demo.borrowConnectionTimeout=30
demo.testQuery=select 1
demo.maintenanceInterval=60


#demo mybatis
demo.dialect=mysql
demo.stmtIdRegex=*Paging

#demo mybatis cfg
demo.mybatis.configLocation=mybatis/demo/mybatis-config.xml
demo.mybatis.mapperLocations=/mybatis/demo/mapper/*/*.xml
package com.cjhme.demo.impl.base.config;

import java.util.Properties;

import javax.annotation.Resource;
import javax.sql.DataSource;

import org.apache.ibatis.plugin.Interceptor;
import org.mybatis.spring.SqlSessionFactoryBean;
import org.mybatis.spring.SqlSessionTemplate;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.core.env.Environment;
import org.springframework.core.io.ClassPathResource;
import org.springframework.core.io.support.PathMatchingResourcePatternResolver;
import org.springframework.core.io.support.ResourcePatternResolver;

import com.cjhme.system.impl.base.mybatis.interceptor.PrepareInterceptor;


/**
 *
 * <p>
 * Title: MyBatisConfig.java
 * </p>
 * Description: mybatis配置
 * <p>
 * Modify histoty:
 *
 * @author cjh
 * @version 1.0
 */
@Configuration
public class DemoSessionTemplateConfig {

    @Autowired
    private Environment env;

    @Resource(name="demo.dataSource")
    private DataSource demoDataSource;



    /**
     * sqlSessionTemplate
     * @return
     * @throws Exception
     */
    @Bean(name="demo.sqlSessionTemplate")
    public SqlSessionTemplate demoSessionTemplate() throws Exception {
        SqlSessionFactoryBean sqlSessionFactoryBean = new SqlSessionFactoryBean();
        sqlSessionFactoryBean.setConfigLocation(new ClassPathResource(env.getProperty("demo.mybatis.configLocation")));
        PathMatchingResourcePatternResolver pathMatchingResourcePatternResolver = new PathMatchingResourcePatternResolver();
        String packageSearchPath = ResourcePatternResolver.CLASSPATH_ALL_URL_PREFIX + env.getProperty("demo.mybatis.mapperLocations");
        sqlSessionFactoryBean.setMapperLocations(pathMatchingResourcePatternResolver.getResources(packageSearchPath));

        sqlSessionFactoryBean.setDataSource(demoDataSource);

        PrepareInterceptor prepareInterceptor = new PrepareInterceptor(this.env);
        Properties properties=new Properties();
        properties.setProperty("dialect",env.getProperty("demo.dialect"));
        properties.setProperty("stmtIdRegex",env.getProperty("demo.stmtIdRegex"));
        prepareInterceptor.setProperties(properties);
        
        sqlSessionFactoryBean.setPlugins(new Interceptor[]{prepareInterceptor});

        return  new SqlSessionTemplate(sqlSessionFactoryBean.getObject());
    }


}

4.config中创建sessionTemplate,将上面创建的datasource注入就可以了使用就可以了

package com.cjhme.demo.impl.base.config;

import java.util.Properties;

import javax.annotation.Resource;
import javax.sql.DataSource;

import org.apache.ibatis.plugin.Interceptor;
import org.mybatis.spring.SqlSessionFactoryBean;
import org.mybatis.spring.SqlSessionTemplate;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.core.env.Environment;
import org.springframework.core.io.ClassPathResource;
import org.springframework.core.io.support.PathMatchingResourcePatternResolver;
import org.springframework.core.io.support.ResourcePatternResolver;

import com.cjhme.system.impl.base.mybatis.interceptor.PrepareInterceptor;


/**
 *
 * <p>
 * Title: MyBatisConfig.java
 * </p>
 * Description: mybatis配置
 * <p>
 * Modify histoty:
 *
 * @author cjh
 * @version 1.0
 */
@Configuration
public class DemoSessionTemplateConfig {

    @Autowired
    private Environment env;

    @Resource(name="demo.dataSource")
    private DataSource demoDataSource;



    /**
     * sqlSessionTemplate
     * @return
     * @throws Exception
     */
    @Bean(name="demo.sqlSessionTemplate")
    public SqlSessionTemplate demoSessionTemplate() throws Exception {
        SqlSessionFactoryBean sqlSessionFactoryBean = new SqlSessionFactoryBean();
        sqlSessionFactoryBean.setConfigLocation(new ClassPathResource(env.getProperty("demo.mybatis.configLocation")));
        PathMatchingResourcePatternResolver pathMatchingResourcePatternResolver = new PathMatchingResourcePatternResolver();
        String packageSearchPath = ResourcePatternResolver.CLASSPATH_ALL_URL_PREFIX + env.getProperty("demo.mybatis.mapperLocations");
        sqlSessionFactoryBean.setMapperLocations(pathMatchingResourcePatternResolver.getResources(packageSearchPath));

        sqlSessionFactoryBean.setDataSource(demoDataSource);

        PrepareInterceptor prepareInterceptor = new PrepareInterceptor(this.env);
        Properties properties=new Properties();
        properties.setProperty("dialect",env.getProperty("demo.dialect"));
        properties.setProperty("stmtIdRegex",env.getProperty("demo.stmtIdRegex"));
        prepareInterceptor.setProperties(properties);
        
        sqlSessionFactoryBean.setPlugins(new Interceptor[]{prepareInterceptor});

        return  new SqlSessionTemplate(sqlSessionFactoryBean.getObject());
    }


}

dao中创建BaseDao继承DaoPageExtend(分页实现),注入sqlSessionTemplate

package com.cjhme.demo.impl.base.dao;

import javax.annotation.Resource;

import org.mybatis.spring.SqlSessionTemplate;

import com.cjhme.system.impl.base.mybatis.dao.DaoPageExtend;

/**
 * 
 * <p>
 * Title: BaseDao.java
 * </p>
 * Description: 基础BaseDao,所有dao继承BaseDao
 * <p>
 * Modify histoty:
 * 
 * @author cjh
 * @version 1.0
 */
public abstract class BaseDao extends DaoPageExtend {

	@Resource(name = "demo.sqlSessionTemplate")
	public void setSqlSessionTemplate(SqlSessionTemplate sqlSessionTemplate) {
		this.sqlSessionTemplate = sqlSessionTemplate;
	}

	public SqlSessionTemplate getSqlSessionTemplate() {
		return sqlSessionTemplate;
	}

}

dao impl使用时需要继承baseDao就可以使用sqlSessionTemplate和分页实现了

package com.cjhme.demo.impl.dao.student.impl;

import java.util.Map;

import org.springframework.stereotype.Repository;

import com.cjhme.common.model.base.DataPaging;
import com.cjhme.demo.common.model.DemoBean;
import com.cjhme.demo.impl.base.dao.BaseDao;
import com.cjhme.demo.impl.dao.student.StudentDao;

@Repository("demo.studentDao")
public class StudentDaoImpl extends BaseDao implements StudentDao {

	public DataPaging<Object> queryStudentByConditionPaging(DataPaging<Object> pageParameter){
		return this.selectPaging("com.cjhme.demo.impl.dao.student.StudentDao.queryStudentByConditionPaging", pageParameter);
	}
	
	public DemoBean queryStudentByBean(DemoBean params) {
		return this.sqlSessionTemplate.selectOne("com.cjhme.demo.impl.dao.student.StudentDao.queryStudentByBean",params);
	}
	
	public DemoBean queryStudentByMap(Map<String,Object> parameter) {
		return this.sqlSessionTemplate.selectOne("com.cjhme.demo.impl.dao.student.StudentDao.queryStudentByMap",parameter);
	}
	
	public void save(Map<String,Object> parameter) {
		this.sqlSessionTemplate.insert("com.cjhme.demo.impl.dao.student.StudentDao.save",parameter);
	}
}

数据权限mybatis插件的使用请参考com.cjhme.system.impl.base.mybatis.datapermissions包下的已有实现,需要结合数据库的t_data_permissions表配置(这个可以在界面上直接配置)


其它的自己看咯!!!

相关推荐

快递查询教程,批量查询物流,一键管理快递

作为商家,每天需要查询许许多多的快递单号,面对不同的快递公司,有没有简单一点的物流查询方法呢?小编的回答当然是有的,下面随小编一起来试试这个新技巧。需要哪些工具?安装一个快递批量查询高手快递单号怎么快...

一键自动查询所有快递的物流信息 支持圆通、韵达等多家快递

对于各位商家来说拥有一个好的快递软件,能够有效的提高自己的工作效率,在管理快递单号的时候都需要对单号进行表格整理,那怎么样能够快速的查询所有单号信息,并自动生成表格呢?1、其实方法很简单,我们不需要一...

快递查询单号查询,怎么查物流到哪了

输入单号怎么查快递到哪里去了呢?今天小编给大家分享一个新的技巧,它支持多家快递,一次能查询多个单号物流,还可对查询到的物流进行分析、筛选以及导出,下面一起来试试。需要哪些工具?安装一个快递批量查询高手...

3分钟查询物流,教你一键批量查询全部物流信息

很多朋友在问,如何在短时间内把单号的物流信息查询出来,查询完成后筛选已签收件、筛选未签收件,今天小编就分享一款物流查询神器,感兴趣的朋友接着往下看。第一步,运行【快递批量查询高手】在主界面中点击【添...

快递单号查询,一次性查询全部物流信息

现在各种快递的查询方式,各有各的好,各有各的劣,总的来说,还是有比较方便的。今天小编就给大家分享一个新的技巧,支持多家快递,一次能查询多个单号的物流,还能对查询到的物流进行分析、筛选以及导出,下面一起...

快递查询工具,批量查询多个快递快递单号的物流状态、签收时间

最近有朋友在问,怎么快速查询单号的物流信息呢?除了官网,还有没有更简单的方法呢?小编的回答当然是有的,下面一起来看看。需要哪些工具?安装一个快递批量查询高手多个京东的快递单号怎么快速查询?进入快递批量...

快递查询软件,自动识别查询快递单号查询方法

当你拥有多个快递单号的时候,该如何快速查询物流信息?比如单号没有快递公司时,又该如何自动识别再去查询呢?不知道如何操作的宝贝们,下面随小编一起来试试。需要哪些工具?安装一个快递批量查询高手快递单号若干...

教你怎样查询快递查询单号并保存物流信息

商家发货,快递揽收后,一般会直接手动复制到官网上一个个查询物流,那么久而久之,就会觉得查询变得特别繁琐,今天小编给大家分享一个新的技巧,下面一起来试试。教程之前,我们来预览一下用快递批量查询高手...

简单几步骤查询所有快递物流信息

在高峰期订单量大的时候,可能需要一双手当十双手去查询快递物流,但是由于逐一去查询,效率极低,追踪困难。那么今天小编给大家分享一个新的技巧,一次能查询多个快递单号的物流,下面一起来学习一下,希望能给大家...

物流单号查询,如何查询快递信息,按最后更新时间搜索需要的单号

最近有很多朋友在问,如何通过快递单号查询物流信息,并按最后更新时间搜索出需要的单号呢?下面随小编一起来试试吧。需要哪些工具?安装一个快递批量查询高手快递单号若干怎么快速查询?运行【快递批量查询高手】...

连续保存新单号功能解析,导入单号查询并自动识别批量查快递信息

快递查询已经成为我们日常生活中不可或缺的一部分。然而,面对海量的快递单号,如何高效、准确地查询每一个快递的物流信息,成为了许多人头疼的问题。幸运的是,随着科技的进步,一款名为“快递批量查询高手”的软件...

快递查询教程,快递单号查询,筛选更新量为1的单号

最近有很多朋友在问,怎么快速查询快递单号的物流,并筛选出更新量为1的单号呢?今天小编给大家分享一个新方法,一起来试试吧。需要哪些工具?安装一个快递批量查询高手多个快递单号怎么快速查询?运行【快递批量查...

掌握批量查询快递动态的技巧,一键查找无信息记录的两种方法解析

在快节奏的商业环境中,高效的物流查询是确保业务顺畅运行的关键。作为快递查询达人,我深知时间的宝贵,因此,今天我将向大家介绍一款强大的工具——快递批量查询高手软件。这款软件能够帮助你批量查询快递动态,一...

从复杂到简单的单号查询,一键清除单号中的符号并批量查快递信息

在繁忙的商务与日常生活中,快递查询已成为不可或缺的一环。然而,面对海量的单号,逐一查询不仅耗时费力,还容易出错。现在,有了快递批量查询高手软件,一切变得简单明了。只需一键,即可搞定单号查询,一键处理单...

物流单号查询,在哪里查询快递

如果在快递单号多的情况,你还在一个个复制粘贴到官网上手动查询,是一件非常麻烦的事情。于是乎今天小编给大家分享一个新的技巧,下面一起来试试。需要哪些工具?安装一个快递批量查询高手快递单号怎么快速查询?...

取消回复欢迎 发表评论: