hong-du学习校园网站开发开源项目

我要开发同款
Surile2026年05月15日
4阅读

技术信息

语言技术
Vue
系统类型
Web
行业分类
教育校园项目任务
开源地址
https://github.com/Qiuxile/hong-du
授权协议
Non-Commercial Use

功能介绍

南昌市洪都中学官网
项目简介
这是南昌市洪都中学的官方网站,采用现代化的前端技术栈构建,为学校提供一个展示形象、发布信息、互动交流的平台。

功能模块
首页:轮播图展示、新闻公告、学校概况、校园论坛入口
新闻公告:学校最新动态和通知
学校概况:学校历史、师资力量、办学特色等信息
校园论坛:学生交流互动平台
学习资源:教学资料、课件下载等
互助答疑:学生提问和解答的社区
技术栈
前端框架:Vue 3 (Composition API)
构建工具:Vite
路由管理:Vue Router
状态管理:Pinia
UI 组件库:Naive UI
CSS 预处理器:原生 CSS (使用 CSS 变量)
代码规范:ESLint + Prettier
项目结构
HongDu/
├── public/ # 静态资源
│ ├── logo.png # 学校 logo
│ └── logo_title.png # 学校标题
├── src/
│ ├── assets/ # 静态资源
│ │ ├── base.css # 基础样式
│ │ └── carousels/ # 轮播图图片
│ ├── components/ # 组件
│ │ ├── TitleBar.vue # 顶部导航栏
│ │ └── FooterBar.vue # 底部信息栏
│ ├── views/ # 页面视图
│ │ ├── HomeView.vue # 首页
│ │ ├── NewsView.vue # 新闻公告页
│ │ ├── AboutView.vue # 学校概况页
│ │ ├── ForumView.vu

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论