从23年就基本上没有写前端代码了,时隔三年,好多东西都忘了,还好现在的编辑器 HBuilderX 也对接了Ai 能力,能快速查漏补缺。安逸得很。再修改下代码,对接到提交表单就能收到留言提醒就基本上可以了。
理想画室官网技术栈说明
一、前端技术
1. HTML5 / CSS3 / JavaScript(原生开发,无框架)
2. Font Awesome 6.5.1 图标库(本地托管)
3. Swiper.js 11 轮播组件(本地托管,fade 淡入淡出效果)
4. BEM 命名规范(CSS 类名组织,如 header__container)
5. CSS Grid/Flexbox 布局方案
二、后端/CMS
1. 易优 CMS(EyouCMS)内容管理系统
2. ThinkPHP 5.x 底层框架
3. PHP 模板引擎,支持内嵌 PHP 代码块查询数据库
三、易优 CMS 模板标签
{eyou:list} — 文章列表
{eyou:pagelist} — 分页
{eyou:prenext} — 上下篇导航
{eyou:type} — 栏目信息查询
{eyou:models} — 导航模型
{eyou:tags} / {eyou:arclist} — 标签、文章聚合
{eyou:php} — 内嵌 PHP 代码块
{eyou:include} — 模板包含
四、第三方依赖
全部本地托管在 skin/ 目录下,无 CDN 依赖:
– skin/css/ — 样式文件
– skin/js/ — 脚本文件
– skin/fonts/ — Font Awesome 字体文件
– skin/img/ — 图片资源
六、项目规模
– 约 43 个 HTML 页面
– 10 大校区独立页面
– 含导航、关于、校园、师资、课程、资讯、报名、联系我们等完整模块
– SEO 优化(sitemap.xml、robots.txt、JSON-LD 结构化数据、Open Graph 标签)

