Fundamental_Analysis/frontend

基本面选股系统 - 前端

这是基本面选股系统的前端应用，使用 Next.js 14 和 TypeScript 构建。

技术栈

• 框架: Next.js 14 (App Router)
• 语言: TypeScript
• 样式: Tailwind CSS
• UI组件: shadcn/ui
• 字体: Noto Sans SC (中文支持)

项目结构

src/
├── app/                    # Next.js App Router 页面
│   ├── layout.tsx         # 根布局
│   ├── page.tsx           # 首页
│   └── globals.css        # 全局样式
├── components/            # React 组件
│   └── ui/               # shadcn/ui 基础组件
├── lib/                  # 工具库
│   ├── api.ts           # API 客户端
│   ├── types.ts         # TypeScript 类型定义
│   └── utils.ts         # 工具函数
└── hooks/               # 自定义 React Hooks
    ├── useReport.ts     # 报告数据钩子
    └── useProgress.ts   # 进度追踪钩子

开发命令

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 启动生产服务器
npm start

# 代码检查
npm run lint

功能特性

• ✅ Next.js 14 项目初始化
• ✅ TypeScript 配置
• ✅ Tailwind CSS 样式系统
• ✅ shadcn/ui 组件库集成
• ✅ 中文字体支持 (Noto Sans SC)
• ✅ 基础项目结构
• ✅ API 客户端封装
• ✅ 自定义 Hooks
• ✅ 响应式布局

环境变量

创建 .env.local 文件并配置以下变量：

NEXT_PUBLIC_API_URL=http://localhost:8000

开发说明

1. 项目使用 App Router 架构
2. 所有页面组件位于 src/app/ 目录
3. 可复用组件位于 src/components/ 目录
4. API 调用通过 src/lib/api.ts 统一管理
5. 类型定义集中在 src/lib/types.ts
6. 自定义 Hooks 用于状态管理和数据获取

下一步开发

• 实现股票搜索表单组件
• 创建报告页面和路由
• 集成 TradingView 图表
• 实现进度显示组件
• 添加配置管理页面