GOCMS PC Web 前端开发综述

GO html/template 模板引擎

GOCMS 基于 html/template 包来实现模板渲染,并为您提供了相关教程 :

https://www.lesscode.work/courses/info/d9a2d1b34bc4acd8d234d3b3ba55a92e.html


GOCMS PC Web JS 相关

GOCMS PC 网站前端使用 Bootstrap5.x 作为基础UI框架,并为 Bootstrap5.x + JQuery3.x 封装了 bootstrapPlus js 插件,用于常用的 js 功能。同时在合适的模块使用了 Vue3 ,并封装了一些通用的 vue 组件。

我们在项目内都封装了常用、通用 js 工具和组件,基于这些基础您可以迅速改进已有模块和开发新的模块。

建议您 :

开发前,请您完整阅读开发手册,对常用功能及模块有一个大致了解。


GOCMS PC Web CSS 相关

GOCMS 前端布局基于 BootStrap5.x,我们对 PC web 和后台管理系统进行了样式重写,对应 :

此文档内容需登录 + 付费后才能查看!

同时在前端我们还加载了 animate.css css 动画库。

如何二次开发?

为了保证后期项目升级请使用新建自定义样式文件的方式来实现样式二次开发 :
1 在/static/css/目录下创建 custom_front.css、custom_amdin.css
2 全局应用或者某个具体页面应用 :
2.1 全局应用 :
在 /templates/前端或模板文件夹/base.html 中加载样式 :

此文档内容需登录 + 付费后才能查看!

2.2 在某个具体的页面引入自定义样式,实现局部应用。

如何查看已有样式?

请打开浏览器控制台 ( 一般为 F12 键 ),点击元素 > 点击获取元素按钮

获取运算后即可通过样式标签查看已有样式 :

通过样式重写修改已有样式,如 :

此文档内容需登录 + 付费后才能查看!