开源在线客服系统源码-前端源码加载逻辑

客服源码是使用Golang(又称Go)开发的,Go是Google公司开发的一种静态强类型、编译型、并发型,并具有垃圾回收功能的编程语言。Go 天生支持并发。好处太多就不多说了。

全源码客服系统用户,想要针对自己的业务,进行二次开发,那么就需要了解一下我们客服系统的开发逻辑,从而进行定制化的功能开发。

系统架构:Golang Gin框架 + MySQL + 前端 ElementUI

编译版只能修改前端,全源码用户才需要了解golang本身开发。

项目没有使用任何高级的设计模式,难懂的绕圈的设计模式。最基本的结构,后端接口就是:定义路由,控制器里处理逻辑调用数据库的model层。前端页面就是,定义路由,控制器里渲染页面。有经验的开发者半天绝对能知道如何去修改。

前端二开需求

想要修改前端界面,删除某些功能,或修改某些文字,可以查看下面介绍

我们的前端是传统的开发模式,不是node编译后部署形式,前端没有独立的项目

所有展示的页面地址,都是后端的地址,后端把前端html模板页渲染出来展示

渲染前端页面的原理

Gin框架引入并渲染前端页面后,前端页面就是传统的开发模式了,可以引入js写样式等

Golang Gin框架展示一个静态页面,是在路由处理中加载模板页面。在./router/view.go中是所有与前端页面展示有关的逻辑。

如果访问地址是 /douyin.html ,那么路由处理类似下面。页面模板地址位于 ./static/templates/下

//前台页面

engine.GET("/douyin.html", func(c *gin.Context) {

c.HTML(http.StatusOK, "douyin.html", gin.H{})

})

修改访客聊天页

前端页面地址位于 ./static/templates/default/chat_page.html

想要删除或隐藏某些工具栏上的按钮,可以直接在页面里找到元素位置,直接删除掉。

如果找不到元素的位置,可以直接在模板文件中搜索页面中不可变的字符串,比如下面的class属性,不可动态引入的

寻找其他元素位置,可以同理直接在 ./static/templates/下全局搜索

相关推荐
郭老二1 小时前
【前端】vue3:编译步骤
前端
不在逃避q2 小时前
Trae/Vs Code/Cursor命令行无法跑npm命令
前端·arcgis·npm
夏殇之殁2 小时前
包中创建自定义列表项。 . 使用自定义列表项进行数据绑定 . 将天气预报数据保存到本地内存表,通过LiveBindings进行显示。 ...
服务器·前端·javascript
The Chosen One9853 小时前
高进度算法模板速记(待完善)
java·前端·算法
陈随易3 小时前
MoonBit抓包模块pcap,查看电脑的每一次联网通信
前端·后端·程序员
新中地GIS开发老师4 小时前
WebGIS开发学生作品|低空航天管理与航线规划系统
前端·javascript·webgis·三维gis开发
用户059540174464 小时前
大模型对话记忆持久化踩坑实录:用 Playwright 自动化测了 300 次,终于揪出会话丢失的真凶
前端·css
丙氨酸長鏈4 小时前
Web前端入门第 问:JavaScript 一个简单的 IndexedDB 数据库入门示例
前端·javascript·数据库
kyriewen5 小时前
面试官让我手写虚拟列表——AI生成的版本,快速滚动几下就白屏了
前端·javascript·面试
IT_陈寒5 小时前
Vite热更新失效?你可能漏了这个配置
前端·人工智能·后端