百度360必应搜狗淘宝本站头条
mysql distinctjenkins官网mysql 子查询vba splitpython list sort
当前位置：网站首页 > IT技术 > 正文

CRM页面改造（crm系统怎么改密码）

wptr33 2025-05-02 21:37 17 浏览

如果使用若依框架项目做为脚手架，那么我们肯定需要在页面显示中，符合自己公司或者项目的标识才行，需要更换的地方很多，我们依次来解决它

  • 浏览器标签页logo标识、标题
  • 系统页面中的logo标识、标题
  • 去除源码地址 & 文档地址
  • 主题风格和菜单图标
  • 登录名称及背景图

3.4.1 浏览器标签页icon

我们可以使用在线把一张图片转换为.icon类型的图片: 网站: https://convertio.co/zh/jpg-ico/ 或者https://ico.un80.cn/

找到下载icon图标，替换admin模块中的static文件夹，删除原有的favicon.ico，把新拷贝过来的logo更名为favicon.ico即可

3.4.2 系统页面中的logo、标题

下载你想要的logo图片，替换admin模块中的static文件夹的ruoyi.png，删除原有的ruoyi.png，把新拷贝过来的logo更名为ruoyi.png即可

3.4.3 去除源码 & 文档

找到admin模块下的templates目录下的index.html,把首页标题ruoyi修改为你的标签

3.4.4 登录页面中标题、背景图

登录名称和背景图，我们可以直接找到登录页面进行修改即可

下载对应的背景图片, 拷贝到img目录, 修改css目录下login.css以及login.min.css文件

3.4.5 左侧菜单修改

3.5 首页实现

我们需要在首页显示一些数据报表，效果图如下：

我们先把crm-admin模块的templates目录下的main.html页面拷贝一份，删除main.html页面的<body>标签的内容,main.html页面的内容如下:

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>首页</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content">
   
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>

<script type="text/javascript">
   
</script>
</body>
</html>

然后我们查看若依提供的实例演示中报表中的图表组合页面中

选择我们需要的效果，把对应的html代码拷贝到main.html，并修改对应的文本

 <div class="row">
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>新增线索量</h5>
                    <h1 class="no-margins" th:text="${clueCount}">886,200</h1>
                    <div class="stat-percent font-bold text-navy">98% <i class="fa fa-bolt"></i></div>
                    <small>较上日</small>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>沟通量</h5>
                    <h1 class="no-margins">1738,200</h1>
                    <div class="stat-percent font-bold text-navy">98% <i class="fa fa-bolt"></i></div>
                    <small>较上日</small>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>订单量</h5>
                    <h1 class="no-margins">200,100</h1>
                    <div class="stat-percent font-bold text-danger">12% <i class="fa fa-level-down"></i></div>
                    <small>较上日</small>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>退单量</h5>
                    <h1 class="no-margins">54,200</h1>
                    <div class="stat-percent font-bold text-danger">24% <i class="fa fa-level-down"></i></div>
                    <small>较上日</small>
                </div>
            </div>
        </div>
    </div>

后端的实现， 我们需要修改admin模块的SysIndexController类的main()方法

 // 系统介绍
@GetMapping("/system/main")
public String main(ModelMap mmap)
{
    mmap.put("version", RuoYiConfig.getVersion());
    return "main";
}

在admin模块的pom.xml文件添加hutool工具依赖

<dependency>
    <groupId>cn.hutool</groupId>
    <artifactId>hutool-all</artifactId>
    <version>5.8.27</version>
</dependency>

添加相关数据查询,并保存到ModelMap中

 @GetMapping("/system/main")
    public String main(ModelMap mmap)
    {
        mmap.put("version", RuoYiConfig.getVersion());
        long todayCount =clueService.selectClueCountByCreateTime(DateUtil.today());
        //统计线索数量
        long yesterdayCount =clueService.selectClueCountByCreateTime(DateUtil.yesterday().toDateStr());
        mmap.put("todayCount",todayCount);
        if(todayCount == 0 && yesterdayCount == 0){
            mmap.put("clueCountRate",0);
        } else if(todayCount != 0 &&  yesterdayCount == 0){
            mmap.put("clueCountRate",100);
        }else{
            mmap.put("clueCountRate",new DecimalFormat("#.00").format((todayCount-yesterdayCount)*100.0/yesterdayCount));
        }


        return "main";
    }

对应的业务层方法

  /**
     * 查询指定日期添加的线索数量
     * @param date
     * @return
     */
    long selectClueCountByCreateTime(String date);

实现类:

 @Override
public long selectClueCountByCreateTime(String date) {
    return clueMapper.selectCountByCreateTime(date);
}

Mapper接口

  /**
     * 查询指定日期添加的线索数量
     * @param date
     * @return
     */
    long selectCountByCreateTime(String date);

sql文件

  <select id="selectCountByCreateTime" resultType="long">
        select count(0) from clue where create_time = #{createTime}
    </select>

需要修改main.html,使用Thymeleaf模块的语法

<div class="ibox-content">
    <h5>新增线索量</h5>
    <h1 class="no-margins" th:text="${todayCount}">886,200</h1>
    <div class="" th:class="${clueCountRate}>0?'stat-percent font-bold  text-danger':'stat-percent font-bold  text-navy'" ><span th:text="${clueCountRate}+'%'">98%</span>
        <i th:class="${clueCountRate}>0?'fa fa-level-up':'fa fa-level-down'" ></i></div>
    <small>较上日</small>
</div>

沟通量,订单量,退单量这三个与新增线索量思路大致一样,这里就不详细讲解, 直接提供代码



相关推荐

MySql系列-常用命令

本篇是对...

Record.ToTable 格式转换

本期案例对表格格式进行转换，前后转换效果如下：解题套路1.Record.ToTable解题思路：思路就是构造可以透视的样式。使用Record.ToTable对行记录进行转换，获得包含两列的表，首行可以...

Table.Group 按时期累计计算唯一值

本期案例是根据不同id进行汇总统计：组内，相同日期的为一组，统计“from”、“to”中的非重复个数；连续日期的，统计累计数。前后转换效果如下：解题套路1.Table.Group...

MySQL 9.1正式发布，有哪些值得关注的新特性?

MySQL创新版9.1.0于2024年10月15日正式发布。此外，MySQL8.0.40及8.4.3补丁版本也同时发布。8.4.3是目前MySQL的LTS长期支持版本，该版本中将不会增加新的功能与特性...

SQL基本语句练习(基础版)

最近在学习SQL基本语句的练习，在此分享一下笔者做过的练习以及个人的解决教程：首先是基本练习表格的搭建，具体内容如下表所示：...

SQL 从入门到精通:全面掌握数据库操作

学习SQL（StructuredQueryLanguage）是掌握数据库操作的关键步骤。SQL是一种用于管理和处理关系型数据库的标准语言，广泛应用于数据检索、插入、更新和删除等操作。以下是一些...

ClickHouse学习笔记四ClickHouse基础语法

前言这里我们介绍ClickHouse的基本语法，使用环境是腾讯云的ClickHouse。默认情况下，ClickHouse在进行集群纬度执行建表等DDL操作时需要手动添加ONCLUSTERX...

程序员总结的常用sql语句大全

多年经验程序员总结的我们一般需要使用的sql语句，赶快收藏起来，方便以后使用。以下是一些常用的SQL语句及其用法：一、数据定义语言(DDL)创建库CREATEDATABASE：创建一个新数据库。...

PQ03-分组求和

目标已知：销售清单求：每个销售员的销量合计方法数据准备...

好荐:一款数据库元数据管理平台工具

“元数据”的定义在不同的软件、项目、工程的定义范围都不太一样。本文这里指的是软件项目开发使用的数据库表结构信息。我今天介绍的这个开源项目叫Databasir，它是一个面向团队的关系型数据库模型文档管理...

MySQL 8.0 SQL优化黑科技，面试官都不一定知道!

前言提到SQL优化，大多数人想到的还是那些经典套路：建索引、避免全表扫描、优化JOIN顺序…这些确实是基础，但如果你还停留在MySQL5.7时代的优化思维，那就out了。MySQL8.0已经发布好...

MySQL数据库深度优化指南:从基础到架构层面的20个关键策略

一、核心性能优化原则数据最小化原则...

动物源性食品中兽药残留的检测——喹啉类药物残留

喹啉类药物（quinoxaline）是具有喹啉-N1，N4-二氧化物基本结构的一类化学合成的动物专用药，具有广谱抗菌、提高饲料转化率和促生长作用。1965年德国拜耳公司以邻硝基苯胺为原料合成喹乙醇（o...

适合普通开发者和产品经理的PHP应用模板开发AI的SaaS应用框架

简单到傻！Liang_SaaS适合普通开发者和产品经理的PHP应用模板开发AI的SaaS应用框架，利用Php开发AI的SaaS应用框架，是一个强大的内容管理仪表板模板，基于Bootstrap和...

Power Query 交错合并表格的方法

两张表格合并成一张表格，需要交错排列，表1取一行，表2取一行，这样排列在一起：前提是两张表的行数相同，内容排列顺序相同：我们来看两张表：表1：12列10行表2：11列10行行数相同列数不同，我们在数据...

一周热门
最近发表
标签列表
赣ICP备2024040476号-12