create-admin-mvp 1.0.0

package/templates/admin-portal/postcss.config.cjs

@@ -0,0 +1,56 @@
+// PostCSS 配置文件
+// 配置 CSS 处理工具，用于 rem 转换
+
+module.exports = {
+  // 1. 插件列表
+  plugins: {
+    // 1.1 autoprefixer：自动添加浏览器前缀
+    // 作用：自动添加 -webkit-、-moz-、-ms- 等浏览器前缀
+    autoprefixer: {
+      // 1.1.1 覆盖率：添加浏览器前缀的覆盖范围
+      // > 1%：添加超过 1% 用户使用的浏览器前缀
+      // last 2 versions：最近 2 个版本的浏览器
+      overrideBrowserslist: ['> 1%', 'last 2 versions'],
+    },
+
+    // 1.2 postcss-pxtorem：px 转 rem
+    // 作用：把 px 单位自动转换为 rem 单位
+    'postcss-pxtorem': {
+      // 1.2.1 根元素字体大小：1rem = 根元素字体大小
+      // 16：根元素字体大小为 16px
+      rootValue: 16,
+
+      // 1.2.2 单位精度：rem 的小数位数
+      // 6：保留 6 位小数
+      unitPrecision: 6,
+
+      // 1.2.3 转换规则：哪些 px 需要转换
+      // propList：属性列表，只转换这些属性的 px
+      propList: [
+        'font',
+        'font-size',
+        'line-height',
+        'letter-spacing',
+      ],
+
+      // 1.2.4 选择器黑名单：不转换这些选择器
+      // selectorBlackList：选择器列表，不转换这些选择器
+      selectorBlackList: [
+        'body',  // body 选择器不转换
+        'html',  // html 选择器不转换
+      ],
+
+      // 1.2.5 替换规则：是否替换规则而不是追加
+      // replace：true = 替换规则
+      replace: true,
+
+      // 1.2.6 媒体查询：是否在媒体查询中转换
+      // mediaQuery：false = 不在媒体查询中转换
+      mediaQuery: false,
+
+      // 1.2.7 最小像素值：小于这个值的 px 不转换
+      // minPixelValue：2 = 小于 2px 的不转换
+      minPixelValue: 2,
+    },
+  },
+}

package/templates/admin-portal/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/templates/admin-portal/src/App.vue

@@ -0,0 +1,15 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style scoped>
+#app {
+  width: 100%;
+  height: 100vh;
+}
+</style>

package/templates/admin-portal/src/assets/styles/main.css

@@ -0,0 +1,36 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #333;
+  background-color: #fff;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+}
+
+button {
+  border: none;
+  outline: none;
+  cursor: pointer;
+  background: none;
+  font-family: inherit;
+}
+
+input,
+textarea {
+  border: none;
+  outline: none;
+  font-family: inherit;
+}

package/templates/admin-portal/src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/templates/admin-portal/src/components/HelloWorld.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+  import { ref } from 'vue'
+
+  defineProps<{ msg: string }>()
+
+  const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Learn more about IDE Support for Vue in the
+    <a
+      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
+      target="_blank"
+      >Vue Docs Scaling up Guide</a
+    >.
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>

package/templates/admin-portal/src/layout/index.vue

@@ -0,0 +1,23 @@
+<!--
+ * @Author: xhp 837792102@qq.com
+ * @Date: 2026-01-18 22:15:09
+ * @LastEditors: xhp 837792102@qq.com
+ * @LastEditTime: 2026-01-18 22:15:21
+ * @FilePath: /admin-mvp/src/layout/index.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<script setup lang="ts">
+  import router from "../router";
+
+  function logout() {
+    localStorage.removeItem("token");
+    router.push("/login");
+  }
+</script>
+
+<template>
+  <div>
+    <h1>Admin Layout</h1>
+    <button @click="logout">logout</button>
+  </div>
+</template>

package/templates/admin-portal/src/main.ts

@@ -0,0 +1,12 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import App from './App.vue'
+import router from './router'
+import './assets/styles/main.css'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')

package/templates/admin-portal/src/mock/auth.ts

@@ -0,0 +1,26 @@
+/*
+ * @Author: xhp 837792102@qq.com
+ * @Date: 2026-01-18 21:41:45
+ * @LastEditors: xhp 837792102@qq.com
+ * @LastEditTime: 2026-01-21 16:31:18
+ * @FilePath: /admin-mvp/src/mock/auth.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+// 从 vite-plugin-mock 插件导入 MockMethod 类型定义
+import type { MockMethod } from 'vite-plugin-mock'
+
+// 导出一个 mock 接口配置数组
+export default [
+  {
+    url: '/api/auth/login',
+    method: 'post',
+    response: ({ body }: { body: { username?: string; password?: string } }) => {
+      if (body?.username === 'admin' && body?.password === '123456') {
+        return { code: 0, data: { token: 'mock-token-admin' }, msg: 'ok' }
+      }
+      return { code: 0, data: { token: 'mock-token-guest' }, msg: 'ok' }
+    },
+  },
+] as MockMethod[]
+
+

package/templates/admin-portal/src/permission.ts

@@ -0,0 +1,15 @@
+/*
+ * @Author: xhp 837792102@qq.com
+ * @Date: 2026-01-19 12:50:30
+ * @LastEditors: xhp 837792102@qq.com
+ * @LastEditTime: 2026-01-19 12:50:45
+ * @FilePath: /admin-mvp/src/permission.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import router from './router'
+import type { RouteLocationNormalized } from 'vue-router'
+
+router.beforeEach((to: RouteLocationNormalized) => {
+  const token = localStorage.getItem('token')
+  if (!token && to.path !== '/login') return '/login'
+})

package/templates/admin-portal/src/router/index.ts

@@ -0,0 +1,21 @@
+import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/',
+    name: 'Home',
+    component: () => import('@/views/Home.vue'),
+  },
+  {
+    path: '/about',
+    name: 'About',
+    component: () => import('@/views/About.vue'),
+  },
+]
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes,
+})
+
+export default router

package/templates/admin-portal/src/style.css

@@ -0,0 +1,79 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/templates/admin-portal/src/views/About.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="about">
+    <h1>About Page</h1>
+    <p>This is the about page.</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style scoped>
+.about {
+  padding: 20px;
+}
+</style>

package/templates/admin-portal/src/views/Home.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="home">
+    <h1>Home Page</h1>
+    <p>Welcome to the home page!</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style scoped>
+.home {
+  padding: 20px;
+}
+</style>

package/templates/admin-portal/src/views/login/index.vue

@@ -0,0 +1,34 @@
+<!--
+ * @Author: xhp 837792102@qq.com
+ * @Date: 2026-01-19 12:48:15
+ * @LastEditors: xhp 837792102@qq.com
+ * @LastEditTime: 2026-01-19 12:50:14
+ * @FilePath: /admin-mvp/src/views/login/index.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<script setup lang="ts">
+  import { ref } from "vue";
+  import axios from "axios";
+  import router from "../../router";
+
+  const username = ref("admin");
+  const password = ref("123456");
+
+  async function onLogin() {
+    const res = await axios.post("/api/auth/login", {
+      username: username.value,
+      password: password.value,
+    });
+    localStorage.setItem("token", res.data.data.token);
+    router.push("/");
+  }
+</script>
+
+<template>
+  <div>
+    <h1>Login</h1>
+    <input v-model="username" placeholder="username" />
+    <input v-model="password" placeholder="password" type="password" />
+    <button @click="onLogin">login</button>
+  </div>
+</template>

package/templates/admin-portal/test-results/.last-run.json

@@ -0,0 +1,23 @@
+{
+  "status": "failed",
+  "failedTests": [
+    "a30a6eba6312f6b87ea5-fa16ec4464d78a46c0e3",
+    "a30a6eba6312f6b87ea5-b7b5d8f5bde06502d420",
+    "a30a6eba6312f6b87ea5-f8ffa1ecae4b7bbba524",
+    "a30a6eba6312f6b87ea5-3557a571baf50abf4052",
+    "a30a6eba6312f6b87ea5-882c191ec598045d8e7d",
+    "a30a6eba6312f6b87ea5-d3837c1e87e35186f0a8",
+    "a30a6eba6312f6b87ea5-2bf6908e1ce54f0bb0a5",
+    "a30a6eba6312f6b87ea5-95ede7b2041b5b9684ef",
+    "a30a6eba6312f6b87ea5-de7c7c8d622c8bb693dc",
+    "a30a6eba6312f6b87ea5-9d0122a9ee5226062ae1",
+    "a30a6eba6312f6b87ea5-f059b4fe8c0579a60336",
+    "a30a6eba6312f6b87ea5-5a5cbbdcbff1ff0ff143",
+    "a30a6eba6312f6b87ea5-144df201d3eaf6de7c31",
+    "a30a6eba6312f6b87ea5-2b1ad10e38a921b63db0",
+    "a30a6eba6312f6b87ea5-8316adf1aaa206904998",
+    "a30a6eba6312f6b87ea5-e29a7150aece2d7b8b58",
+    "a30a6eba6312f6b87ea5-8f8e04e9b23f1f70a6a5",
+    "a30a6eba6312f6b87ea5-558a5297e26c3cddfbf3"
+  ]
+}