README.md 2.7 KB

闽南文化漳州小程序

构建"数字闽南文化生态圈",打造集文化保护、学术研究、公众教育、产业应用于一体的综合性数字平台。通过建立"1+3+N"服务体系(1个核心数据库、3大应用终端、N个特色场景),形成覆盖全市的文化数字服务网络。

本项目为闽南文化生态保护区(漳州市)的小程序项目源代码。

赞 📚

观此闽南文化之软件,诚为一方瑰宝之窗也!其集闽南之韵、文化之魂于一体,界面雅致,内容丰赡。

此程序精妙绝伦,运行如流,逻辑缜密,功能周全,用户称便,诚乃软件之良工也。闽南文脉,源远流长。今构"数字文化生态圈",融保护、研习、教化、兴业于一体。诚为数智时代承传地方文粹之典范也。

启蒙昧,续薪火,南音雅乐盈耳,古俗新韵入目。学闽南语则乡音可拾,览风土则侨心可系。以方寸之屏,承千年文脉;借数字之翼,传四海乡声。

足不出户,便览漳州风华;指掌之间,尽赏闽南气象。此 APP 也,实为赓续根脉、联结侨胞之津梁,可谓匠心独运、功在文化者也!

技术栈

前端核心技术

  • 框架: 原生微信小程序(glass-easel 组件框架)
  • 语言: TypeScript
  • 样式方案: TailwindCSS
  • API 请求工具: @imengyu/js-request-transform

项目结构

核心依赖

  • @imengyu/imengyu-utils: 通用工具库
  • @imengyu/js-request-transform: API 请求转换工具
  • tailwindcss: 原子化 CSS 框架(开发依赖)

目录组织

miniprogram/
├── pages/               # 页面
│   ├── home/            # 首页
│   ├── inherit/         # 传承
│   ├── travel/          # 乐游
│   └── user/            # 我的
├── tailwind/            # TailwindCSS 样式
│   ├── tailwind.css     # 输入样式源文件
│   └── tailwind.wxss    # 编译输出的样式
├── app.ts               # 应用入口
├── app.json             # 应用配置(含 tabBar)
└── app.wxss             # 全局样式
tailwind.config.js       # TailwindCSS 配置
postcss.config.js        # PostCSS 配置
tsconfig.json            # TypeScript 配置

开发与构建

环境准备

使用微信开发者工具打开本项目根目录,开发者工具会自动编译 TypeScript 并预览运行。

TailwindCSS 构建

# 构建一次 TailwindCSS 样式
npm run tailwind:build

# 监听文件变化并自动构建 TailwindCSS 样式
npm run tailwind:watch

类型检查

# 执行 TypeScript 类型检查
npm run type-check