ABOUT THE PROJECT · 项目说明

承启非遗文化网站

Design and Implementation of Chengqi Intangible Cultural Heritage Website

一个把「非遗文化展示」与「文创商品交易」放进同一系统的静态多页网站: 用户在了解一门技艺的同时能看到它今天的作品,在选购一件手作的同时也能读回它背后的工序与人; 商家在这里提交资质、上架商品、处理订单;管理员在这里审核内容、维护数据、记录日志。

01 —— BACKGROUND

项目背景:非遗需要被看见,也需要被购买

非物质文化遗产的传播长期依赖展馆、节庆与媒体报道,难以沉淀为可检索、可复用的数字资源; 而传承人与非遗工坊的手作产品,又缺少既懂文化又能卖货的线上渠道。四类问题构成了本项目的现实起点。

02 —— ROLES

平台机制:一个平台,三类角色

用户端与管理员端各含六个二级模块,并通过商家中心承接普通用户到商家的角色升级, 前后台共用同一份数据,后台的操作前台刷新后立即可见。

03 —— MODULES

功能结构:十二个二级模块一一对应

用户端六个模块与管理端六个模块在功能上一一对应,构成「前台使用—后台维护」的闭环。 下表列出每个模块的主要功能。

模块功能对照表 用户端 6 个模块 / 管理员端 6 个模块
# 用户端模块 主要功能 管理员端模块 主要功能
简易功能结构图 三层结构:系统 → 用户端 / 管理员端 → 六个模块
04 —— TECH STACK

技术路线

本演示站点为纯静态实现(HTML + CSS + 原生 JavaScript,localStorage 模拟数据库), 目的是把「页面结构、交互流程与数据结构」完整落地;下述技术栈为后端对接预留的方案。

PATH —— 5 STEPS

五步实施路径

05 —— DATABASE

数据库设计:10 张核心数据表

下表字段与 js/data.js 中各表的实际字段保持一致, 便于后续将 localStorage 数据层替换为 Spring Boot + MySQL 的真实接口。

共 10 张核心表 + 1 张扩展表 shops
数据表清单 表名 / 中文名 / 主要字段 / 说明
表名 中文名 主要字段 说明
06 —— HIGHLIGHTS

四个创新点

与通用电商模板或通用内容管理系统相比,本平台在数据关联、角色设计、模块划分与实现方案上的四点差异。

07 —— FEASIBILITY

可行性分析

从技术、经济、操作与进度四个维度论证本项目的可实施性。

项目信息
进入系统演示 演示账号见下方

三种角色共用同一个登录入口,登录后按角色自动进入对应中心: 管理员进入后台管理,商家进入商家中心,普通用户进入用户中心。