commit 208aaba6722ca7d27785c8dff1cc6e20140c86d3 Author: 小朱 <10714957+xiao-zhu245@user.noreply.gitee.com> Date: Tue Jul 8 11:51:05 2025 +0800 初始 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..eb35989 --- /dev/null +++ b/.gitignore @@ -0,0 +1,125 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +lerna-debug.log* +panel/public/ +*.code-workspace +data/ +dist/ +out/ +lib/ +production/ +.DS_Store +production-code/ +test.js +.idea/ + +# Diagnostic reports (https://nodejs.org/api/report.html) +report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json + +# Runtime data +pids +*.pid +*.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover +lib-cov + +# Coverage directory used by tools like istanbul +coverage +*.lcov +error + +# nyc test coverage +.nyc_output + +# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) +.grunt + +# Bower dependency directory (https://bower.io/) +bower_components + +# node-waf configuration +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) +build/Release + +# Dependency directories +node_modules/ +jspm_packages/ + +# TypeScript v1 declaration files +typings/ + +# TypeScript cache +*.tsbuildinfo + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache + +# Microbundle cache +.rpt2_cache/ +.rts2_cache_cjs/ +.rts2_cache_es/ +.rts2_cache_umd/ + +# Optional REPL history +.node_repl_history + +# Output of 'npm pack' +*.tgz + +# Yarn Integrity file +.yarn-integrity + +# dotenv environment variables file +.env +.env.test + +# parcel-bundler cache (https://parceljs.org/) +.cache + +# Next.js build output +.next + +# Nuxt.js build / generate output +.nuxt +dist + +# Gatsby files +.cache/ +# Comment in the public line in if your project uses Gatsby and *not* Next.js +# https://nextjs.org/blog/next-9-1#public-directory-support +# public + +# vuepress build output +.vuepress/dist + +# Serverless directories +.serverless/ + +# FuseBox cache +.fusebox/ + +# DynamoDB Local files +.dynamodb/ + +# TernJS port file +.tern-port +workspace.code-workspace +src/public/1.png + +# IntelliJ Idea project files +/.idea/* +*/.idea/* + +.turbo +参考文件/ \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..91cab2d --- /dev/null +++ b/README.md @@ -0,0 +1,12 @@ +使用React框架写一个游戏面板,后端为node.js 目前只需要三个页面即可 首页 终端(需要实现功能) 设置 要同时兼容Windows和Linux +目前后端已经存在了,你需要写一个美观漂亮并且符合游戏风格的面板 +要支持全局深色和浅色模式更改 +# 配置文件 +统一保存在 server/data 目录下 + +# 终端 +需要做成拓展性很强,因为在后续功能需要调用此终端 需要做到灵活调用,并且终端需要在刷新网页时仍然为刷新网页前的状态和所有命令记录,由于后端pty已经是一个编译好的模块可以直接通过进程获取具体信息 具体你可以查看后端代码 +要支持终端的所有交互 + +# 登录 +需要实现用户登录,jwt密钥不要采用硬编 而是通过每次启动后随机生成到配置文件 \ No newline at end of file diff --git a/client/index.html b/client/index.html new file mode 100644 index 0000000..5503390 --- /dev/null +++ b/client/index.html @@ -0,0 +1,102 @@ + + +
+ + + ++ {user?.username} +
++ {user?.role === 'admin' ? '管理员' : '用户'} +
++ {text} +
+ )} ++ {notification.message} +
++ GSM3 游戏服务器管理面板 - 让游戏服务器管理变得简单 +
+操作系统
+{systemInfo.platform}
+架构
+{systemInfo.arch}
+主机名
+{systemInfo.hostname}
+Node.js
+{systemInfo.nodeVersion}
++ {formatUptime(systemStats.uptime)} +
++ 最后更新: {new Date(systemStats.timestamp).toLocaleString()} +
++ 游戏服务器管理面板 +
++ GSM3 游戏服务器管理面板 v1.0.0 +
++ 自定义您的GSM3游戏面板体验 +
+选择浅色或深色主题
++ 当前主题: {theme === 'dark' ? '深色模式' : '浅色模式'} +
+{user?.username}
++ {user?.role === 'admin' ? '管理员' : '普通用户'} +
+保存或重置您的设置
+暂无终端会话
+ +• 支持多终端会话,可以同时运行多个终端
+• 终端会话在页面刷新后会自动恢复
+• 支持全屏模式,提供更好的操作体验
+• 支持所有标准终端操作和快捷键
+