docs(readme): 编写项目README文档，描述功能与架构

- 完整撰写玉宗珠宝设计大师项目README，介绍项目概况及核心功能
- 说明用户认证系统实现及优势，包含JWT鉴权和密码加密细节
- 详细描述品类管理系统，支持多流程类型和多种玉石品类
- 说明设计图生成方案及技术，包含Pillow生成示例及字体支持
- 介绍设计管理功能，支持分页浏览、预览、下载和删除设计
- 个人信息管理模块说明，涵盖昵称、手机号、密码的安全修改
- 绘制业务流程图和关键数据流图，清晰展现系统架构与数据流
- 提供详细API调用链路及参数说明，涵盖用户、品类、设计接口
- 列明技术栈及版本，包含前后端框架、ORM、认证、加密等工具
- 展示目录结构，标明后端与前端项目布局
- 规划本地开发环境与启动步骤，包括数据库初始化及运行命令
- 说明服务器部署流程和Nginx配置方案
- 详细数据库表结构说明及环境变量配置指导
- 汇总常用开发及测试命令，方便开发调试与部署管理

frontend/src/router/index.ts

@@ -0,0 +1,47 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    {
+      path: '/',
+      name: 'Design',
+      component: () => import('@/views/DesignPage.vue'),
+      meta: { requiresAuth: true }
+    },
+    {
+      path: '/generate',
+      name: 'Generate',
+      component: () => import('@/views/GeneratePage.vue'),
+      meta: { requiresAuth: true }
+    },
+    {
+      path: '/user',
+      name: 'UserCenter',
+      component: () => import('@/views/UserCenter.vue'),
+      meta: { requiresAuth: true }
+    },
+    {
+      path: '/login',
+      name: 'Login',
+      component: () => import('@/views/Login.vue')
+    },
+    {
+      path: '/register',
+      name: 'Register',
+      component: () => import('@/views/Register.vue')
+    }
+  ]
+})
+
+// 路由守卫
+router.beforeEach((to, _from, next) => {
+  const token = localStorage.getItem('token')
+  if (to.meta.requiresAuth && !token) {
+    next('/login')
+  } else {
+    next()
+  }
+})
+
+export default router