# 日记小镇前端

**Repository Path**: taritaris/journal-item

## Basic Information

- **Project Name**: 日记小镇前端
- **Description**: 本文介绍了一项研究，旨在通过集成ERNIE-Bot 4.0大模型与UniApp技术，开发一款跨平台的日记应用程序，构建高效的情绪分析系统。研究专注于解决跨平台应用中大模型的嵌入运行与数据处理流程设计难题，探讨了结合大模型的NLP技术在日记App中的应用。
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2023-12-14
- **Last Updated**: 2025-03-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 跨平台日记App前端开发文档

## 简介

本项目旨在通过`UniApp`与`Vue`技术栈，构建一款跨平台日记应用，为用户提供高效、流畅的日记记录体验与情感分析功能。系统设计上追求简洁、直观，确保在多设备上的兼容性与性能优化。

## 技术栈概述

- **框架**  
  - **UniApp**: 作为跨平台开发框架，支持Android、iOS、H5、小程序等多端开发，实现一次编码，多处运行。  
- **Vue**: 前端框架，提供数据绑定、组件化开发，提升开发效率与维护性。  

- **UI库**  
  **ElementUI**: Vue生态的桌面UI库，丰富组件，快速构建专业级界面  

## 页面结构

### 登录录页面  
- 账素：账号、密码输入框、登录按钮、第三方登录选项、找回密码链接  
- 功能：验证账户、密码，登录状态保持，第三方登录支持，跳转到找回密码流程  

### 主页面  
- 导航栏：日记、树洞、日历、个人中心等  
- 功能：日记列表展示、筛选、分类、快速创建、导航  

### 日记详情  
- 日记内容展示  
- 情感分析结果- 评论区- 功能：编辑、删除、分享、评论、心情标签  

### 树洞  
- 内容展示  
- 评论区  
- 功能：浏览、点赞、评论、举报  

### 个人中心  
- 设置  
- 信息编辑  
- 退出  
- 数据统计、情感趋势图  

### 情绪图册  
- 心情图片  
- 功能：查看、上传、删除  

### 设置  
- 通知  
- 隐项  
- 数据清理缓存  

## 组件库与API集成

- **DCloud云存储**：图片上传，使用`uniCloud.uploadFile`API上传图片，获取URL  
- **大模型API**：通过`axios`调用POST请求调用ERNIE-Bot 4.0，分析日记情感  

## 风格与布局

- 色为主色调，简洁风  
- 弹式布局，响应式设计  

## 测试与优化

- **兼容性**：多设备、浏览器、系统  
- **性能**：加载、响应速度  
- **安全**：XSSRFS、CSPF跨域  

## 结语

前端开发实现了应用的交互逻辑、UI设计，确保了跨平台的兼容性与性能。结合Vue与UniApp的强大组件化、ElementUI，实现了功能丰富且美观的界面。通过与后端、大模型的API集成，实现了情感分析的逻辑，为用户提供独特的日记体验。