uni-app 急需一个开发的admin管理平台不带cloud

现在需要一个uniapp开发的pc管理平台的框架，但是目前都是带cloud的，有没有哪些大神把uniCloud-admin 种的cloud去掉了的？

caililin 1楼•6 小时前

专业团队承接双端（Android，iOS）原生插件开发，uni-app外包开发。
QQ：1559653449 微信：fan-rising

htzhanglong 2楼•6 小时前

在开发一个基于uni-app的Admin管理平台而不依赖云服务的场景下，你可以利用uni-app的多端统一性来构建一个功能齐全的管理后台。以下是一个简单的代码示例，展示如何使用uni-app创建一个基本的Admin管理平台。

项目结构

首先，确保你的项目结构清晰，便于管理。例如：

/my-admin-app
  /pages
    /admin
      - index.vue
      - login.vue
      - dashboard.vue
  /static
    - styles.css
  /store
    - index.js
  App.vue
  main.js
  manifest.json
  pages.json
  uni.scss

登录页面（login.vue）

<template>
  <view class="login-container">
    <input v-model="username" placeholder="Username" />
    <input type="password" v-model="password" placeholder="Password" />
    <button @click="login">Login</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: ''
    };
  },
  methods: {
    login() {
      // 模拟登录验证，实际应连接后端API
      if (this.username === 'admin' && this.password === '123456') {
        uni.setStorageSync('userInfo', { username: this.username });
        uni.navigateTo({ url: '/pages/admin/dashboard' });
      } else {
        uni.showToast({ title: 'Invalid credentials', icon: 'none' });
      }
    }
  }
};
</script>

<style>
.login-container { /* 样式定义 */ }
</style>

仪表板页面（dashboard.vue）

<template>
  <view class="dashboard-container">
    <text>Welcome, {{ userInfo.username }}</text>
    <!-- 其他管理功能组件 -->
  </view>
</template>

<script>
export default {
  data() {
    return {
      userInfo: uni.getStorageSync('userInfo') || {}
    };
  },
  onLoad() {
    if (!this.userInfo.username) {
      uni.navigateTo({ url: '/pages/admin/login' });
    }
  }
};
</script>

<style>
.dashboard-container { /* 样式定义 */ }
</style>

主入口（App.vue）

<template>
  <app-nav-view />
</template>

<script>
import AppNavView from './components/AppNavView.vue';

export default {
  components: {
    AppNavView
  }
};
</script>

路由配置（pages.json）

{
  "pages": [
    {
      "path": "pages/admin/login/login",
      "style": {
        "navigationBarTitleText": "Login"
      }
    },
    {
      "path": "pages/admin/dashboard/dashboard",
      "style": {
        "navigationBarTitleText": "Dashboard"
      }
    }
  ]
}