{{ msg }}
+ +
+
+
+
+
+ Edit
+ components/HelloWorld.vue to test HMR
+
+ Check out + create-vue, the official Vue + Vite starter +
++ Learn more about IDE Support for Vue in the + Vue Docs Scaling up Guide. +
+Click on the Vite and Vue logos to learn more
+ + + diff --git a/web_ui/src/main.ts b/web_ui/src/main.ts new file mode 100644 index 00000000..63743981 --- /dev/null +++ b/web_ui/src/main.ts @@ -0,0 +1,23 @@ +import { createApp } from 'vue' +import App from './App.vue' +import router from './router' + +// 导入 ArcoDesign +import ArcoVue from '@arco-design/web-vue' +// 导入 ArcoDesign 图标 +// import ArcoVueIcon from '@arco-design/web-vue-icon' +// 导入 ArcoDesign 样式 +import '@arco-design/web-vue/dist/arco.css' +// 导入自定义样式 +import './style.css' + +const app = createApp(App) + +// 注册 ArcoDesign +app.use(ArcoVue) +// 注册图标组件 +// app.use(ArcoVueIcon) +// 注册路由 +app.use(router) + +app.mount('#app') \ No newline at end of file diff --git a/web_ui/src/router/index.ts b/web_ui/src/router/index.ts new file mode 100644 index 00000000..21183dbd --- /dev/null +++ b/web_ui/src/router/index.ts @@ -0,0 +1,56 @@ +import { createRouter, createWebHistory } from 'vue-router' +import Login from '../views/Login.vue' +import ArticleList from '../views/ArticleList.vue' +import ChangePassword from '../views/ChangePassword.vue' +import EditUser from '../views/EditUser.vue' +import AddSubscription from '../views/AddSubscription.vue' + +const routes = [ + { + path: '/login', + name: 'Login', + component: Login + }, + { + path: '/', + name: 'ArticleList', + component: ArticleList, + meta: { requiresAuth: true } + }, + { + path: '/change-password', + name: 'ChangePassword', + component: ChangePassword, + meta: { requiresAuth: true } + }, + { + path: '/edit-user', + name: 'EditUser', + component: EditUser, + meta: { requiresAuth: true } + }, + { + path: '/add-subscription', + name: 'AddSubscription', + component: AddSubscription, + meta: { requiresAuth: true } + } +] + +const router = createRouter({ + history: createWebHistory(import.meta.env.BASE_URL), + routes +}) + +// 路由守卫 +router.beforeEach((to, from, next) => { + const isAuthenticated = localStorage.getItem('token') + + if (to.meta.requiresAuth && !isAuthenticated) { + next('/login') + } else { + next() + } +}) + +export default router \ No newline at end of file diff --git a/web_ui/src/style.css b/web_ui/src/style.css new file mode 100644 index 00000000..9a7cf293 --- /dev/null +++ b/web_ui/src/style.css @@ -0,0 +1,38 @@ +/* 全局样式 */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +html, body { + width: 100%; + height: 100%; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, + Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +#app { + width: 100%; + height: 100%; +} + +/* 链接样式 */ +a { + color: #165DFF; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +/* 自定义ArcoDesign主题变量 */ +:root { + --primary-color: #165DFF; + --success-color: #00B42A; + --warning-color: #FF7D00; + --danger-color: #F53F3F; +} \ No newline at end of file diff --git a/web_ui/src/views/AddSubscription.vue b/web_ui/src/views/AddSubscription.vue new file mode 100644 index 00000000..4285c9db --- /dev/null +++ b/web_ui/src/views/AddSubscription.vue @@ -0,0 +1,148 @@ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新闻
+ 科技
+ 财经
+ 娱乐
+ 体育
+
+
+
+
+
+
+
+
+
+ 添加订阅
+
+ 重置
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web_ui/src/views/ArticleList.vue b/web_ui/src/views/ArticleList.vue
new file mode 100644
index 00000000..52f4a66a
--- /dev/null
+++ b/web_ui/src/views/ArticleList.vue
@@ -0,0 +1,195 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ statusTextMap[record.status] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web_ui/src/views/ChangePassword.vue b/web_ui/src/views/ChangePassword.vue
new file mode 100644
index 00000000..1eee9276
--- /dev/null
+++ b/web_ui/src/views/ChangePassword.vue
@@ -0,0 +1,142 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 确认修改
+
+ 重置
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web_ui/src/views/EditUser.vue b/web_ui/src/views/EditUser.vue
new file mode 100644
index 00000000..6f9e89f9
--- /dev/null
+++ b/web_ui/src/views/EditUser.vue
@@ -0,0 +1,193 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存修改
+
+ 重置
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web_ui/src/views/Login.vue b/web_ui/src/views/Login.vue
new file mode 100644
index 00000000..cec1fc26
--- /dev/null
+++ b/web_ui/src/views/Login.vue
@@ -0,0 +1,84 @@
+
+
+
+ ![avatar]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web_ui/src/vite-env.d.ts b/web_ui/src/vite-env.d.ts
new file mode 100644
index 00000000..11f02fe2
--- /dev/null
+++ b/web_ui/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
+
+
+
+