3 |
30 |
31 |
32 |
103 |
104 |
137 |
--------------------------------------------------------------------------------
/admin/src/views/notice/Notice.vue:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
4 |
29 |
5 |
6 |
7 |
9 |
10 |
12 |
13 |
15 |
27 |
28 |
16 |
17 | 保存
18 |
19 |
20 | 重置
21 |
22 |
23 | 返回
24 |
25 |
26 |
16 |
17 |
18 | ![]()
19 |
20 |
21 |
22 |
23 |
24 |
37 |
--------------------------------------------------------------------------------
/admin/src/views/student/Student.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
49 |
50 |
51 |
101 |
102 |
121 |
--------------------------------------------------------------------------------
/admin/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite';
2 | import vue from '@vitejs/plugin-vue';
3 | import path from 'path';
4 |
5 | export default defineConfig(({ mode }) => {
6 | return {
7 | plugins: [vue()],
8 | logLevel: 'info',
9 | define: {
10 | 'process.env.NODE_ENV': JSON.stringify('production')
11 | },
12 | base: mode === 'production' ? './' : '/', // 类似于 Vue CLI 的 publicPath
13 | resolve: {
14 | alias: {
15 | '@': path.resolve(__dirname, 'src')
16 | }
17 | },
18 | server: {
19 | port: 8888,
20 | open: true,
21 | proxy: {
22 | '/api': {
23 | target: process.env.VITE_API_URL || 'http://localhost:8080', // 使用环境变量配置 API 地址
24 | changeOrigin: true,
25 | rewrite: (path) => {
26 | const newPath = path.replace(/^\/api/, ''); // 去掉 /api 前缀
27 | console.log(`Original path: ${path}, Rewritten path: ${newPath}`); // 输出重写前后的路径
28 | return newPath;
29 | },
30 | },
31 | },
32 | },
33 | build: {
34 | minify: mode === 'production' ? 'esbuild' : false,
35 | assetsDir: 'assets'
36 | },
37 | };
38 | });
39 |
--------------------------------------------------------------------------------
/backend/.gitignore:
--------------------------------------------------------------------------------
1 | **/target/
2 | .idea
3 | *.iml
4 | *.class
5 | *Test.java
6 | **/test/
--------------------------------------------------------------------------------
/backend/README.md:
--------------------------------------------------------------------------------
1 | # 宁波诺丁汉大学校园墙服务器端
2 |
3 | ## 项目简介
4 |
5 | 由23级计算机科学与技术专业（2+2）的 Pleasurecruise 独立开发，于2024年6月15日建立
6 |
7 | 该主项目为由SpringBoot编写的接口地址
8 |
9 | 欢迎后来者调用接口，编写自己喜欢的前端页面
10 |
11 | 有意者也欢迎commit加入我
12 |
13 | **占坑开发中**
14 |
15 | ## 特别说明
16 |
17 | 由于初始准备是想能够上线在校内推广该小程序，但由于接单功能涉及到增值业务审核需要有相应的营业执照。
18 |
19 | 感谢大家的支持
20 |
21 | ## 效果展示
22 |
23 | 
24 |
25 | 
26 |
27 | [后端项目编写中......]
28 |
29 | ## 相关信息
30 |
31 | API接口地址：(https://nottinghamwall.apifox.cn)
32 |
33 | 小程序端项目地址：(https://github.com/CompPsyUnion/NottinghamWall/tree/uniapp)
34 |
35 | 管理端项目地址：(https://github.com/CompPsyUnion/NottinghamWall/tree/admin)
36 |
--------------------------------------------------------------------------------
/backend/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "lockfileVersion": 1
3 | }
4 |
--------------------------------------------------------------------------------
/backend/wall-common/pom.xml:
--------------------------------------------------------------------------------
1 |
2 |
4 |
48 |
5 |
14 |
15 |
16 |
17 | ![头像]()
18 |
19 |
20 |
23 |
24 | {{ Number(scope.row.sex) ===1 ? '男':'女' }}
25 |
26 |
27 |
32 |
33 |
47 |
6 |
7 |
9 | 查询
10 |
11 |
12 |
13 |
39 |
59 |
60 |
17 | 
18 | 
19 | 
20 |
21 |
22 | ## On-site Activities / 校内活动
23 |
24 | - 技术分享交流会 Tech Sharing Seminar
25 | Open to all CS Students, [CLICK HERE](https://forms.office.com/r/iU3z5BhiBf) to subcribe the information(UNNC Account required).
26 | ⚠️Tips: Seminars will be given in Chinese.
27 | 面向所有计算机系学生开放，[点击此处](https://forms.office.com/r/iU3z5BhiBf)订阅我们的邮件通知。
28 |
29 | - CS学生大讲堂 CS Student Public Lecture
30 | For Year 1 Gaokao Student, there will be 2 blue SPDPO credit. 对于大一年级学生将会有2蓝色SPDPO学分。
31 |
32 | - 趣味编程大赛（程序设计比赛） Programming Competition
33 | For Year 1 Gaokao Student, there will be SPDPO credits. 对于大一年级学生将会有SPDPO学分。
34 |
35 | - 趣味CTF网安竞赛 CTF Competition
36 | For Year 1 Gaokao Student, there will be SPDPO credits. 对于大一年级学生将会有SPDPO学分。
37 |
38 | - LEGO EV3 机器人活动 LEGO EV3 robotics activities
39 | For Year 1 Gaokao Student, there will be SPDPO credits. 对于大一年级学生将会有SPDPO学分。
40 |
41 | ## Join us / 加入我们
42 |
43 | If you’re a student in UNNC, welcome to join us!
44 | 如果你是一个宁诺学生，对我们的内容感兴趣，欢迎加入我们！
45 |
46 | **How to apply? 如何申请加入？**
47 |
48 | -- 在我们在每学年开始会提供统一的网申通道和面试机会。平常日期，请发送您的资料到我们的邮箱computerpsychounion@nottingham.edu.cn，我们会酌情考虑你是否适合加入我们！
49 |
50 | -- We provide a online application form and interview opportunities at the beginning of each academic year (Chance for AY2425 is ending). On normal dates, please send your information to our email address computerpsychounion@nottingham.edu.cn and we will consider whether you are suitable to join us!
51 |
52 | ## Contact Us / 联系我们
53 |
54 | - 📮 Email: computerpsychounion@nottingham.edu.cn
55 | - 📱 WeChat Official Account: 宁诺CPU
56 | - 💬 Official Website: [CPU](https://comppsyunion.github.io/.github/)
57 | - 📌 CPU_Tech_Forum: [CPU_Tech_Forum](https://comppsyunion.github.io/CPU_Tech_Forum/)
58 |
--------------------------------------------------------------------------------
/docs/guide/admin/deployment.md:
--------------------------------------------------------------------------------
1 | # 项目部署
2 |
3 | ## 部署方案
4 |
5 | 1. **构建生产包**
6 | - 运行以下命令生成生产环境文件：
7 | ```bash
8 | pnpm run build
9 | ```
10 | - 打包文件输出至 `dist/` 目录。
11 |
12 | 2. **部署到服务器**
13 | - 使用 Nginx 部署：
14 | - 将 `dist/` 内容上传至服务器。
15 | - 配置 Nginx：
16 | ```nginx
17 | server {
18 | listen 80;
19 | server_name yourdomain.com;
20 |
21 | location / {
22 | root /path/to/dist;
23 | index index.html;
24 | try_files $uri $uri/ /index.html;
25 | }
26 | }
27 | ```
28 | - 验证部署成功后，通过浏览器访问域名。
29 |
30 | 3. **注意事项**
31 | - 配置 `.env.production` 确保环境变量正确。
32 | - 检查生产环境 API 接口和跨域配置。
--------------------------------------------------------------------------------
/docs/guide/admin/index.md:
--------------------------------------------------------------------------------
1 | # Admin Overview
2 |
3 | ## 项目概述
4 |
5 | 本项目是基于 **Vue 3** 框架开发的后端管理面板，采用模块化设计思想，具备良好的扩展性和维护性。
6 |
7 | 该系统包含用户管理、学生管理、公告管理、话题管理等核心功能，通过简洁清晰的界面和高效的 API 调用，帮助管理员实现快速高效的后台操作。
8 |
9 | ## 开发环境配置
10 |
11 | 1. **必备工具**
12 | - Node.js：`>=16.0.0`
13 | - 包管理工具：pnpm
14 | - IDE：WebStorm 或 VSCode（推荐安装 `Vetur`、`Prettier` 插件）。
15 |
16 | 2. **环境变量**
17 | - `.env.development`：开发环境变量配置。
18 | - `.env.production`：生产环境变量配置。
19 |
20 | 3. **安装依赖**
21 | ```bash
22 | pnpm install
23 | ```
24 |
25 | 4. **开发启动**
26 | ```bash
27 | pnpm run dev
28 | ```
29 |
30 | 5. **构建生产包**
31 | ```bash
32 | pnpm run build
33 | ```
34 |
35 | 6. **代码规范**
36 | - 配置文件：`.eslintrc.cjs`
37 | - Lint 检查：
38 | ```bash
39 | pnpm run lint
40 | ```
41 |
42 | ## 技术栈
43 |
44 | 1. **前端框架**
45 | - Vue 3：现代化渐进式 JavaScript 框架，用于构建用户界面。
46 | - Vite：快速构建工具，提供高效的开发体验和优化的生产构建。
47 |
48 | 2. **状态管理**
49 | - Pinia（可扩展为 Vuex）：集中式状态管理，处理全局状态，如用户 token 和权限。
50 |
51 | 3. **路由管理**
52 | - Vue Router：负责页面的动态导航和权限管理。
53 |
54 | 4. **请求工具**
55 | - Axios：用于封装 HTTP 请求，结合 `request.js` 和 `requestOptimize.js` 提供统一的请求和响应拦截。
56 |
57 | 5. **样式与 UI**
58 | - CSS + SCSS：灵活的样式支持，主样式入口为 `assets/main.scss`。
59 | - Icon：内置的 `logo` 图标集，满足各种场景需求。
--------------------------------------------------------------------------------
/docs/guide/admin/project-structure.md:
--------------------------------------------------------------------------------
1 | # 项目结构
2 |
3 | ## 目录结构分析
4 |
5 | 1. **根目录**
6 | - `vite.config.js`：配置开发工具，包含路径别名、代理服务等。
7 | - `package.json`：项目依赖和脚本配置。
8 | - `index.html`：项目入口文件。
9 | - `.env.*`：存放环境变量配置。
10 |
11 | 2. **`src` 目录**
12 | - **核心文件**
13 | - `App.vue`：应用根组件，负责布局和全局配置。
14 | - `main.js`：应用入口，挂载全局组件和插件。
15 | - **页面文件**
16 | - `views/`：功能模块页面，包括 `Dashboard.vue`（首页概览）、`Login.vue`（登录页）、`admin`（管理员管理）、`student`（学生管理）、`topic`（主题管理）等。
17 | - **组件**
18 | - `components/`: 存放可复用组件，如 `HelloWorld.vue`。
19 | - **路由**
20 | - `router/index.js`：定义路由规则，支持路由懒加载和权限控制。
21 | - **状态管理**
22 | - `store/`: 使用 Pinia/Vuex 管理全局状态，如用户登录状态和权限。
23 | - **工具类**
24 | - `utils/request.js`：封装 API 请求，统一处理异常与响应数据。
25 | - `utils/requestOptimize.js`：对请求进行进一步优化。
26 | - **静态资源**
27 | - `assets/`: 样式和图片资源，按功能模块分类存放。
28 |
29 | 3. **`public` 目录**
30 | - `favicon.ico`：应用图标。
31 | - 可存放公共资源，生产环境会直接复制到根目录。
32 |
33 | ## 功能模块说明
34 |
35 | 1. **登录与认证**
36 | - 用户通过登录页面输入账号密码，验证成功后跳转至管理面板。
37 | - 使用 token 实现会话管理，状态存储于 Pinia。
38 |
39 | 2. **仪表盘**
40 | - 在 `Dashboard.vue` 展示系统概览、统计数据和快速入口。
41 |
42 | 3. **模块管理**
43 | - 管理员模块：添加、编辑、删除管理员。
44 | - 学生模块：查看、搜索、管理学生信息。
45 | - 公告模块：发布、管理公告。
46 | - 主题模块：创建、编辑、查看主题内容。
47 |
48 | 4. **权限控制**
49 | - 路由守卫根据用户权限动态加载功能模块。
--------------------------------------------------------------------------------
/docs/guide/backend/deployment.md:
--------------------------------------------------------------------------------
1 | # 项目部署
2 |
3 | ## 环境配置
4 |
5 | 1. 安装 JDK：确保已安装 JDK 1.8 或以上版本，并配置好 JAVA_HOME 环境变量。
6 |
7 | 2. 安装 Maven：下载并安装 Maven，配置 MAVEN_HOME 环境变量。
8 |
9 | 3. 安装 MySQL：安装 MySQL 数据库，并创建项目所需的数据库。
10 |
11 | - 数据库所需文件在仓库根目录下的 `nottinghamwall.sql` 中
12 |
13 | 4. 安装 Redis：安装并启动 Redis 服务。
14 |
15 | 5. 配置阿里云 OSS：在阿里云控制台获取访问密钥，并创建存储空间。
16 |
17 | 6. 配置文件修改
18 |
19 | - 进入 `wall-server/src/main/resources` 目录，根据环境修改以下配置文件：
20 |
21 | **数据库配置**（`application.yml`）：
22 |
23 | ```yaml
24 | spring:
25 | datasource:
26 | url: jdbc:mysql://localhost:3306/your_database_name?useSSL=false&useUnicode=true&characterEncoding=UTF-8
27 | username: your_username
28 | password: your_password
29 | ```
30 |
31 | **Redis 配置**：
32 |
33 | ```yaml
34 | spring:
35 | redis:
36 | host: localhost
37 | port: 6379
38 | ```
39 |
40 | **阿里云 OSS 配置**（`application.yml` 或自定义配置文件）：
41 |
42 | ```yaml
43 | oss:
44 | endpoint: your_oss_endpoint
45 | accessKeyId: your_access_key_id
46 | accessKeySecret: your_access_key_secret
47 | bucketName: your_bucket_name
48 | ```
49 |
50 | **JWT 配置**：
51 |
52 | ```yaml
53 | jwt:
54 | secret: your_jwt_secret
55 | expiration: token_expiration_time_in_seconds
56 | ```
57 |
58 | ## 构建与运行
59 |
60 | 1. **使用 Maven 构建项目**：
61 |
62 | 在项目根目录下执行下面的命令来安装该部分所需的依赖，
63 |
64 | 或者点击IDEA右侧栏中`maven`生命周期中的install选项
65 |
66 | ```bash
67 | mvn clean install
68 | ```
69 |
70 | 2. **运行项目**：
71 |
72 | - **方法一**：使用 IDE（如 IntelliJ IDEA）运行 `WallApplication` 的 `main` 方法。
73 | - **方法二**：在终端中运行打包后的 JAR 文件：
74 |
75 | ```bash
76 | cd wall-server/target
77 | java -jar wall-server-1.0-SNAPSHOT.jar
78 | ```
--------------------------------------------------------------------------------
/docs/guide/backend/index.md:
--------------------------------------------------------------------------------
1 | # Backend Overview
2 |
3 | ## 项目概述
4 |
5 | 本项目是一个基于 Java 的 Web 应用程序，旨在构建一个 NottinghamWall 平台，为用户提供交流和互动的空间。
6 |
7 | 该部分采用多模块的 Maven 项目结构，包括 wall-common、wall-pojo 和 wall-server 三个主要模块。
8 |
9 | ## 开发环境（本人使用）
10 |
11 | * 操作系统：Windows、macOS 或 Linux。
12 | * JDK：17 或以上版本。
13 | * 数据库：MySQL 8.0 或以上版本。
14 | * 缓存：Redis 5.0 或以上版本。
15 | * 构建工具：Maven 3.6 或以上版本。
16 |
17 | ## 技术栈
18 |
19 | ### 后端技术：
20 |
21 | * Spring Boot：用于构建独立运行的 Spring 应用程序。
22 | * MyBatis：持久层框架，简化数据库操作。
23 | * Redis：用于缓存和会话管理。
24 | * 阿里云 OSS：用于文件存储和管理，以及**图片内容安全**的识别。
25 | * JWT（JSON Web Token）：用于实现安全的用户身份认证。
26 | * Lombok：简化实体类的编写。
27 |
28 | ### 数据库：
29 |
30 | * MySQL：关系型数据库，用于存储核心业务数据。
31 |
32 | ### 其他：
33 |
34 | * Maven：项目管理和构建工具。
35 | * Git：版本控制系统。
--------------------------------------------------------------------------------
/docs/guide/backend/project-structure.md:
--------------------------------------------------------------------------------
1 | # 项目结构
2 |
3 | ```
4 | 项目根目录
5 | ├── pom.xml // 父项目的 Maven 配置文件
6 | ├── README.md // 项目说明文件
7 | ├── wall-common // 公共模块
8 | │ ├── pom.xml
9 | │ └── src
10 | │ └── main/java/cn/yiming1234/NottinghamWall
11 | │ ├── constant // 常量类
12 | │ ├── context // 上下文处理
13 | │ ├── enumeration // 枚举类型
14 | │ ├── exception // 自定义异常
15 | │ ├── json // JSON 处理
16 | │ ├── properties // 配置属性类
17 | │ ├── result // 统一返回结果封装
18 | │ └── utils // 工具类
19 | ├── wall-pojo // 实体类模块
20 | │ ├── pom.xml
21 | │ └── src
22 | │ └── main/java/cn/yiming1234/NottinghamWall
23 | │ ├── dto // 数据传输对象
24 | │ ├── entity // 实体类
25 | │ ├── typehandler // 类型处理器
26 | │ └── vo // 视图对象
27 | └── wall-server // 服务模块
28 | ├── pom.xml
29 | └── src
30 | ├── main/java/cn/yiming1234/NottinghamWall
31 | │ ├── WallApplication.java // 启动类
32 | │ ├── annotation // 自定义注解
33 | │ ├── aspect // 切面编程
34 | │ ├── config // 配置类
35 | │ ├── controller // 控制层
36 | │ │ ├── admin // 管理员相关接口
37 | │ │ └── student // 学生相关接口
38 | │ ├── handler // 全局异常处理
39 | │ ├── interceptor // 拦截器
40 | │ ├── mapper // 数据访问层
41 | │ └── service // 业务逻辑层
42 | └── main/resources
43 | ├── application.yml // 主配置文件
44 | ├── application-dev.yml // 开发环境配置文件
45 | ├── application-prod.yml // 生产环境配置文件
46 | └── mapper // MyBatis 映射文件
47 |
48 | ```
--------------------------------------------------------------------------------
/docs/guide/getting-started.md:
--------------------------------------------------------------------------------
1 | # 相关链接
2 |
3 | * [项目小程序端](https://github.com/NottinghamWall/NottinghamWall/tree/main/uniapp)
4 |
5 | * [项目后台管理端](https://github.com/NottinghamWall/NottinghamWall/tree/main/admin)
6 |
7 | * [项目服务器端](https://github.com/NottinghamWall/NottinghamWall/tree/main/backend)
8 |
9 | * [项目接口文档](https://apifox.com/apidoc/shared-4f188e54-2808-4958-9fd1-8acbb4c4072c)
10 |
11 |
12 | 特别说明：接口文档中Header参数部分使用的token为每次登录时生成的JWT令牌，无默认有效值。
13 |
14 | 管理端默认用户名：Pleasure1234 密码：123456
15 |
16 | 由于写入数据库时进行了md5编码，导入sql文件时应在admin数据表中添加 Pleasure1234 e10adc3949ba59abbe56e057f20f883e 1
17 |
18 | 开发者需自行在数据库中进行添加编辑
19 |
20 | # 相关功能及技术栈
21 |
22 | ## 简单介绍
23 |
24 | * NottinghamWall-backend主要使用SpringBoot进行编写，同时运用MySQL，MyBatis等工具。
25 |
26 | * NottinghamWall-Admin主要使用Vue3进行编写，搭配Element-plus组件库来实现页面效果，同时运用Vite项目管理器以及pnpm包管理工具。
27 |
28 | * NottinghamWall-uniapp主要用uniapp进行编写，搭配uni-ui组件库来实现页面效果。
29 |
30 | P.S. 特别说明
31 |
32 | 1. 简介中提到的工具，如果是在开发环境中，需要自行提前安装，暂未尝试针对其他构建工具的适配。由于笔者能力有限，一些关于自动化测试部分的内容创建但没有书写。采用的是最朴素的日志，接口工具以及前后端联调等方式进行的测试。
33 |
34 | 2. 小程序端由于资质认证备案以及上线比较困难，所以部分功能的测试是在**小程序测试号**中进行。
35 |
36 | 3. 微信官方为了防止相关接口的滥用，需要在小程序测试号中配置合法的服务器域名，如果不想将NottinghamWall-backend上传至服务器，可以选择将本地启动的服务器端进行内网穿透，填写在合法域名栏中，推荐CPOLAR。
37 |
38 | ## 技术栈相关知识
39 |
40 | 如果你对相关的技术还不熟悉，可以前往我的博客看看整理的相关文章。就不在这里过多赘述占据篇幅了。
41 |
42 | 
43 |
44 | * [前置知识专栏](https://blog.csdn.net/2302_79791164/category_12589142.html)
45 |
46 | * [前后端的比较](https://yiming1234.blog.csdn.net/article/details/136700267)
47 |
48 | * [Vue前置知识](https://yiming1234.blog.csdn.net/article/details/136977577)
49 |
50 | * [前端专有名词介绍](https://yiming1234.blog.csdn.net/article/details/140828434)
51 |
52 | * [SpringBoot中一些常见的技术](https://yiming1234.blog.csdn.net/article/details/138284767)
53 |
54 | * [SpringBoot常见目录的作用](https://yiming1234.blog.csdn.net/article/details/138380736)
--------------------------------------------------------------------------------
/docs/guide/index.md:
--------------------------------------------------------------------------------
1 | # CPU Wall
2 |
3 | Welcome to the CPU Wall wiki!
4 |
5 | You can visit the website to see it.
6 |
7 | There is no English version at present.
8 |
--------------------------------------------------------------------------------
/docs/guide/overview.md:
--------------------------------------------------------------------------------
1 | # 项目介绍
2 |
3 | 由23届 `CSAI`（2+2）的Pleasure1234开发，`xuanzhi33`提供技术指导，于2024年6月15日建立
4 |
5 | V1.0版本现已上线微信小程序，搜索`CPU Wall`即可访问使用
6 |
7 | V1.0版本仅包含作为一个社交论坛小程序最基本的功能
8 |
9 | 此项目属于**个人项目**，目前仍在对版本功能进行不断更新，Wiki以及ReadeMe仍在完善中
10 |
11 | 如果您想加入我，可以在Discussion中告诉我。
12 |
13 | # 效果展示
14 |
15 | ## 小程序端
16 |
17 | 
18 |
19 | 
20 |
21 | ## 管理端
22 |
23 | 
24 |
25 | 
--------------------------------------------------------------------------------
/docs/guide/uniapp/deployment.md:
--------------------------------------------------------------------------------
1 | # 项目部署
2 |
3 | ## 执行步骤
4 |
5 | 1. **启动开发环境**
6 | - 微信小程序开发：
7 | ```bash
8 | pnpm run dev:mp-weixin
9 | ```
10 |
11 | 2. **生产构建**
12 | - 在`mianfest.json`中，绑定对应的 AppID
13 | - 微信小程序生产环境编译构建：
14 | ```bash
15 | pnpm run build:mp-weixin
16 | ```
17 | 3. **微信小程序部署**
18 | - 构建输出到 `dist/dev/mp-weixin` 文件夹。
19 | - 导入微信开发者工具并上传代码。
--------------------------------------------------------------------------------
/docs/guide/uniapp/index.md:
--------------------------------------------------------------------------------
1 | # Uniapp Overview
2 |
3 | ## 项目概述
4 |
5 | 本项目采用 **Uniapp** 框架进行开发，主要编译成微信小程序，具有模块化结构、清晰的代码组织及高扩展性。
6 | 目录结构包含必要的配置文件、页面组件、静态资源以及工具类文件，支持多端高效开发和维护。
7 |
8 | ## 开发环境
9 |
10 | 1. **必备工具**
11 | - IDE: HBuilderX（推荐）、WebStorm 或 VSCode。
12 | - Node.js 版本：`>=16.0.0`
13 | - 包管理工具：pnpm
14 |
15 | 2. **安装依赖**
16 | ```bash
17 | pnpm install
18 | ```
19 |
20 | 3. **启动开发环境**
21 | - 微信小程序开发：
22 | ```bash
23 | pnpm run dev:mp-weixin
24 | ```
25 |
26 | 4. **生产构建**
27 | - 微信小程序生产环境构建：
28 | ```bash
29 | pnpm run build:mp-weixin
30 | ```
31 |
32 | ## 技术栈
33 |
34 | 1. **框架与语言**
35 | - 开发框架：Uniapp
36 | - 核心语言：JavaScript (ES6+) / TypeScript (可选)
37 |
38 | 2. **构建工具**
39 | - Vite：提供快速、轻量的构建环境。
40 | - pnpm：高效的依赖管理工具。
41 |
42 | 3. **UI 组件**
43 | - 使用 `@dcloudio/uni-ui` 提供的组件（如 `uni-card`、`uni-icons` 等），实现一致的 UI 体验。
44 |
45 | 4. **后端接口**
46 |
47 | - 见`backend`部分
48 |
49 | 5. **多端兼容**
50 | - 主要兼容微信小程序，通过配置 `manifest.json` 和 `pages.json` 定义应用入口与页面结构。
51 |
52 |
--------------------------------------------------------------------------------
/docs/guide/uniapp/project-structure.md:
--------------------------------------------------------------------------------
1 | # 项目结构
2 |
3 | 1. **核心文件**
4 | - `index.html`：H5 项目的主入口。
5 | - `vite.config.js`：Vite 的配置文件。
6 | - `manifest.json`：项目多端打包配置文件。
7 | - `pages.json`：应用页面及路由配置。
8 | - `App.vue`：全局页面布局。
9 |
10 | 2. **业务模块**
11 | - `src/pages`：存放应用的业务逻辑页面，按功能划分子文件夹（如 `favorites`、`order`）。
12 | - `src/api`：封装所有接口请求逻辑，模块化处理。
13 |
14 | 3. **UI 组件**
15 | - `src/pages/index/components`：存放业务相关的自定义组件（如 `fab.vue`、`swipper.vue`）。
16 |
17 | 4. **静态资源**
18 | - `src/static`：存放图片、图标等静态资源。
19 | - 按功能划分文件夹（如 `carousel`、`icon`、`logo`）。
20 |
21 | 5. **工具类**
22 | - `src/utils/env.js`：存放环境变量配置。
23 | - `src/utils/request.js`：封装 Axios 网络请求。
--------------------------------------------------------------------------------
/docs/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: home
3 | title: 主页
4 | hero:
5 | name: "CPU Wall Wiki Docs"
6 | text: "CPU Wall 项目文档"
7 | tagline: 一个由宁诺计算机爱好者协会维护的项目
8 | actions:
9 | - theme: brand
10 | text: 指南
11 | link: /guide/
12 | - theme: alt
13 | text: 关于我们
14 | link: /about
15 |
16 | features:
17 | - title: 对于CPU成员
18 | details: A opportunity for communication what you know and show yourself to others.
19 | - title: 对于零基础的CS学生
20 | details: Learn more CS major knowledge in our event. Improve your Computer Science Studying.
21 | - title: 线上和线下
22 | details: Bi-weekly on-site events in UNNC Campus, and live & recording meetings available on MSTeams.
23 | ---
24 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "nottinghamwall_docs",
3 | "version": "1.0.0",
4 | "description": "Docs of NottinghamWall",
5 | "main": "index.js",
6 | "directories": {
7 | "doc": "docs"
8 | },
9 | "scripts": {
10 | "docs:dev": "vitepress dev docs",
11 | "docs:build": "vitepress build docs",
12 | "docs:serve": "vitepress serve docs"
13 | },
14 | "repository": {
15 | "type": "git",
16 | "url": "git+https://github.com/CompPsyUnion/NottinghamWall.git"
17 | },
18 | "author": "Computer Psycho Union",
19 | "license": "MIT",
20 | "bugs": {
21 | "url": "https://github.com/CompPsyUnion/NottinghamWall/issues"
22 | },
23 | "homepage": "https://github.com/CompPsyUnion/NottinghamWall#readme",
24 | "dependencies": {
25 | "@giscus/vue": "^3.0.0",
26 | "radix-vue": "^1.9.8",
27 | "vitepress": "^1.5.0",
28 | "vue": "^3.5.12"
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/uniapp/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | .DS_Store
12 | dist
13 | *.local
14 |
15 | # Editor directories and files
16 | .idea
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 |
--------------------------------------------------------------------------------
/uniapp/.hbuilderx/launch.json:
--------------------------------------------------------------------------------
1 | { // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
2 | // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
3 | "version": "0.0",
4 | "configurations": [{
5 | "default" :
6 | {
7 | "launchtype" : "local"
8 | },
9 | "mp-weixin" :
10 | {
11 | "launchtype" : "local"
12 | },
13 | "type" : "uniCloud"
14 | }
15 | ]
16 | }
17 |
--------------------------------------------------------------------------------
/uniapp/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
12 |
18 |
19 |
20 |
3 |
9 |
10 |
11 |
34 |
--------------------------------------------------------------------------------
/uniapp/src/pages/index/components/fab.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | 👋 你好，我们是宁波诺丁汉大学计算机爱好者协会！
5 | 欢迎来到我们的应用！我们致力于提供最好的服务和体验。
6 | 这个小程序由Pleasure1234独立开发，xuanzhi33提供技术支持
7 |
3 |
4 |
33 |
34 |
35 |
46 |
47 |
105 |
--------------------------------------------------------------------------------
/uniapp/src/pages/person/getPhone.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
7 |
8 |
9 | 个人信息认证
6 |
10 |
32 |
11 |
17 | 手机号
12 |
13 |
16 | 151****4032
14 |
18 |
24 | 实名认证
19 |
20 |
23 | 已认证
21 |
25 |
31 | 学校邮箱认证
26 |
27 |
30 | scyyw24@nottingham.edu.cn
28 |8 |
3 |
4 |
41 |
42 |
43 |
51 |
52 |
107 |
--------------------------------------------------------------------------------
/uniapp/src/pages/transition/agreement.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
7 | 权限管理
6 |
8 |
17 |
18 |
19 |
9 |
12 | 隐私设置
10 |
13 |
16 | 权限设置
14 |
20 |
22 | 通用管理
21 |
23 |
40 |
24 |
27 | 地址管理
25 |
28 |
31 | 消息通知
29 |
32 |
35 | 修改学校
33 |
36 |
39 | 账号注销
37 |