测试提交

.gitignore

@@ -1,132 +1,24 @@
-# ---> Node
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
 # Logs
 logs
 *.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-.pnpm-debug.log*
 
-# Diagnostic reports (https://nodejs.org/api/report.html)
+# Misc
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+.DS_Store
+.fleet
+.idea
 
-# Runtime data
+# Local env files
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-*.lcov
-
-# 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/
-
-# Snowpack dependency directory (https://snowpack.dev/)
-web_modules/
-
-# TypeScript cache
-*.tsbuildinfo
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional stylelint cache
-.stylelintcache
-
-# 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 variable files
 .env
-.env.development.local
+.env.*
-.env.test.local
+!.env.example
-.env.production.local
-.env.local
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-.parcel-cache
-
-# Next.js build output
-.next
-out
-
-# 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
-
-# vuepress v2.x temp and cache directory
-.temp
-.cache
-
-# Docusaurus cache and generated files
-.docusaurus
-
-# Serverless directories
-.serverless/
-
-# FuseBox cache
-.fusebox/
-
-# DynamoDB Local files
-.dynamodb/
-
-# TernJS port file
-.tern-port
-
-# Stores VSCode versions used for testing VSCode extensions
-.vscode-test
-
-# yarn v2
-.yarn/cache
-.yarn/unplugged
-.yarn/build-state.yml
-.yarn/install-state.gz
-.pnp.*
-

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "nuxt.isNuxtApp": false
+}

README.md

@@ -1,2 +1,63 @@
-# DataFront
+# Nuxt 3 Minimal Starter
 
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import TopBar from "~/components/index/TopBar.vue";
+</script>
+<template>
+  <div class="common-layout">
+    <el-container>
+      <el-header>
+        <TopBar></TopBar>
+      </el-header>
+      <el-main style="min-height: 500px">
+        <NuxtPage></NuxtPage>
+      </el-main>
+      <el-footer style="display: flex;justify-content: center">
+        <el-text type="info">
+          网站建设者：曾子愚
+          邮箱：Zengtudor@outlook.com
+          技术栈：Vue3 Vite Nuxt3 ...
+          (本人初中生有意向可以与我讨论)
+        </el-text>
+      </el-footer>
+    </el-container>
+  </div>
+</template>
+<style scoped>
+
+</style>

components/index/TopBar.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+
+import { ref } from 'vue'
+
+// const handleSelect = (key: string, keyPath: string[]) => {
+//   console.log(key, keyPath)
+// }
+</script>
+
+<template>
+  <el-menu
+      :default-active="'/'"
+      class="el-menu-demo"
+      mode="horizontal"
+      :router="true"
+  >
+    <el-menu-item index="/">ZZIYU DataWeb</el-menu-item>
+    <div class="flex-grow" />
+    <el-sub-menu index="/data/all">
+      <template #title>数据收集</template>
+      <el-menu-item index="/data/all">总览</el-menu-item>
+      <el-menu-item index="/data/bilibili">bilibili</el-menu-item>
+      <el-menu-item index="/data/baidu">baidu</el-menu-item>
+      </el-sub-menu>
+    <el-sub-menu index="/tools">
+      <template #title>工具</template>
+      <el-menu-item index="/tools/qqazk/">笔顺码字典</el-menu-item>
+    </el-sub-menu>
+  </el-menu>
+</template>
+
+<style scoped>
+
+</style>

nuxt.config.ts

@@ -0,0 +1,11 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  devtools: { enabled: true },
+  modules: [
+    '@element-plus/nuxt'
+  ],
+  css: [
+    'element-plus/dist/index.css',
+  ],
+
+})

package.json

@@ -0,0 +1,20 @@
+{
+  "name": "nuxt-app",
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "@element-plus/nuxt": "^1.0.5",
+    "@nuxt/devtools": "latest",
+    "nuxt": "^3.7.0"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.1.0",
+    "element-plus": "^2.3.10"
+  }
+}

pages/data.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import {useRoute,useRouter} from "vue-router";
+const route = useRoute()
+const router = useRouter()
+//检查访问的数据库是否为空，重定向
+if (route.params.WebName==undefined){
+  router.push("/data/all")
+}
+</script>
+
+<template>
+  Data father {{}}
+  <NuxtPage></NuxtPage>
+</template>
+
+<style scoped>
+
+</style>

pages/data/[WebName].vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import {useRoute} from "vue-router";
+const route = useRoute()
+let webName = route.params.WebName
+</script>
+
+<template>
+这是 {{webName}} 数据展示
+</template>
+
+<style scoped>
+
+</style>

pages/index.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <el-text>Hello index </el-text>
+</template>
+
+<style scoped>
+
+</style>

pages/tools/qqazk.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+<NuxtPage></NuxtPage>
+</template>
+
+<style scoped>
+
+</style>

pages/tools/qqazk/index.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  this is qqazk index page
+</template>
+
+<style scoped>
+
+</style>

pages/tools/qqazk/search.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+ this is qqazk search page
+</template>
+
+<style scoped>
+
+</style>

server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../.nuxt/tsconfig.server.json"
+}

tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}