/academic-analysis-system

Research Analysis System, developed using Next.js + TailwindCSS + TypeScript + NextUI, is used to showcase the results of image analysis and time series analysis for a graduation project. 简科研分析系统，使用 Next.js + TailwindCSS + TS + NextUI 用于展示毕业设计的图像分析、时序分析的效果

Primary LanguageTypeScriptMIT LicenseMIT

极简科研分析系统

🤩 仅需修改配置文件就可以展示毕业设计的图像分析、时序分析的毕设系统

  • 📦 开箱即用 | 只需更改配置文件和markdown即可成为自己的毕业设计系统
  • 🏠 架构简单 | 采用Next.js + NextUI + TailwindCSS, 整体架构便于理解

效果图

home about

使用指南

项目名称

极简科研分析系统可以更改为您的毕业设计名称，方便修改和答辩： 在项目根目录找到 .env.local，修改 NEXT_PUBLIC_PROJECT_NAME

模型选择

  • 在项目根目录找到 .env.local，修改 NEXT_PUBLIC_MODEL_SELECT

结果图片

如果你不想走服务器流程知识仅仅展示，可以直接把你的效果图地址 public 文件下，然后修改 .env.local，修改 NEXT_PUBLIC_MODEL_SELECT 为你的public文件下的文件名即可

  1. 放到public下

pic1

  1. 修改 .env.local pic2

pic3

批量处理

  1. 修改处理批量的大小
NEXT_PUBLIC_RENDER_IMAGES_LEN
  1. 把图片放入到public

img.png 3. 修改前缀和后缀

NEXT_PUBLIC_MODEL_RES_BATCH_PREFIX="res"
NEXT_PUBLIC_MODEL_RES_BATCH_SUFFIX=".png"
  1. 效果展示

img.png

关于

这个页面是根据markdown文件实时渲染

  1. 在src/docs下更改 mine.mdx 的内容即可实时渲染关于界面

demo1 2. 更改自己想要的内容

demo2

技术栈 & 架构

  • Next.js
  • NextUI
  • TailwindCSS
  • TypeScript

architecture

如何安装

  1. 安装依赖
yarn
  1. 启动项目
next start

致谢

感谢以下开源项目对我Next.js的学习和对本项目的帮助: