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

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

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

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

  • 浏览器标签页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>

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



相关推荐

每天一个编程技巧!掌握这7个神技，代码效率飙升200%

“同事6点下班，你却为改BUG加班到凌晨？不是你不努力，而是没掌握‘偷懒’的艺术！本文揭秘谷歌工程师私藏的7个编程神技，每天1分钟，让你的代码从‘能用’变‘逆天’。文末附《Python高效代码模板》，...

Git重置到某个历史节点(Sourcetree工具)

前言Sourcetree回滚提交和重置当前分支到此次提交的区别？回滚提交是指将改动的代码提交到本地仓库，但未推送到远端仓库的时候。...

git工作区、暂存区、本地仓库、远程仓库的区别和联系

很多程序员天天写代码，提交代码，拉取代码，对git操作非常熟练，但是对git的原理并不甚了解，借助豆包AI，写个文章总结一下。Git的四个核心区域（工作区、暂存区、本地仓库、远程仓库）是版本控制的核...

解锁人生新剧本的密钥:学会让往事退场

开篇：敦煌莫高窟的千年启示在莫高窟321窟的《降魔变》壁画前，讲解员指着斑驳色彩说："画师刻意保留了历代修补痕迹，因为真正的传承不是定格，而是流动。"就像我们的人生剧本，精彩章节永远...

Reset local repository branch to be just like remote repository HEAD

技术背景在使用Git进行版本控制时，有时会遇到本地分支与远程分支不一致的情况。可能是因为误操作、多人协作时远程分支被更新等原因。这时就需要将本地分支重置为与远程分支的...

Git恢复至之前版本（git恢复到pull之前的版本）

让程序回到提交前的样子：两种解决方法：回退（reset）、反做（revert）方法一：gitreset...

如何将文件重置或回退到特定版本（怎么让文件回到初始状态）

技术背景在使用Git进行版本控制时，经常会遇到需要将文件回退到特定版本的情况。可能是因为当前版本出现了错误，或者想要恢复到之前某个稳定的版本。Git提供了多种方式来实现这一需求。...

git如何正确回滚代码（git命令回滚代码）

方法一，删除远程分支再提交①首先两步保证当前工作区是干净的，并且和远程分支代码一致$gitcocurrentBranch$gitpullorigincurrentBranch$gi...

[git]撤销的相关命令:reset、revert、checkout

基本概念如果不清晰上面的四个概念，请查看廖老师的git教程这里我多说几句：最开始我使用git的时候，我并不明白我为什么写完代码要用git的一些列指令把我的修改存起来。后来用多了，也就明白了为什么。gi...

利用shell脚本将Mysql错误日志保存到数据库中

说明:利用shell脚本将MYSQL的错误日志提取并保存到数据库中步骤:1)创建数据库,创建表CreatedatabaseMysqlCenter;UseMysqlCenter;CREATET...

MySQL 9.3 引入增强的JavaScript支持

MySQL，这一广泛采用的开源关系型数据库管理系统（RDBMS），发布了其9.x系列的第三个更新版本——9.3版，带来了多项新功能。...

python 连接 mysql 数据库（python连接MySQL数据库案例）

用PyMySQL包来连接Python和MySQL。在使用前需要先通过pip来安装PyMySQL包：在windows系统中打开cmd,输入pipinstallPyMySQL ...

mysql导入导出命令（mysql 导入命令）

mysql导入导出命令mysqldump命令的输入是在bin目录下.1.导出整个数据库　　mysqldump-u用户名-p数据库名>导出的文件名　　mysqldump-uw...

MySQL-SQL介绍（mysql sqlyog）

介绍结构化查询语言是高级的非过程化编程语言，允许用户在高层数据结构上工作。它不要求用户指定对数据的存放方法，也不需要用户了解具体的数据存放方式，所以具有完全不同底层结构的不同数据库系统,可以使用相同...

MySQL 误删除数据恢复全攻略:基于 Binlog 的实战指南

在MySQL的世界里，二进制日志（Binlog）就是我们的"时光机"。它默默记录着数据库的每一个重要变更，就像一位忠实的史官，为我们在数据灾难中提供最后的救命稻草。本文将带您深入掌握如...

一周热门
最近发表
标签列表
Copyright Your WebSite.Some Rights Reserved.