后台模板自己写的吗

@doobi 基于 ELement 自己写的

老铁可以的

@右耳聆听心的声音 :blush: 谢谢

喜欢篮球的程序员不会差，非常赞的一个项目:smile:

@oyghan 谢谢支持 :blush:， 新赛季又要开始了:smiley:

@moell 汗。你分享你的成果，谢个毛线哟！应该说谢谢的使我们

执行成功后获取到相应的密码授予客户端的 ID 和 secret 并且配置到相对应的 resources/config/index.js :

改为resources/js/config/index.js

试用了下，界面很多东西完善点更好（比如自适应布局），希望博主持续更新，以后开放插件功能就是中国版的Nova了

@右耳聆听心的声音 感谢反馈，这里我纠正一下。这里因为5.7 路径变了， 所以当时没表述清楚

@DianWang 界面的问题能具体一些吗？

@moell ，可以参照下这位大佬的http://vma.isocked.com/#/dashboard

ErrorException (E_ERROR)
Undefined index: /js/admin.js (View: D:\OSPanel\domains\mo.at\resources\views\dashboard.blade.php)
i use laravel 5.7

@thinkvn9x 运行 mix 了吗？

npm run watch

npm run production

@moell i runned but still error

@thinkvn9x 检查一下是否生成了admin.js ，还不行你升级到最新版本试试

@moell DONE Compiled successfully in 40960ms
but admin.js not have
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css')
//.js('resources/js/admin.js', 'public/js') laravel5.7+
.js('resources/assets/js/admin.js', 'public/js')

@thinkvn9x 5.7 版本，应该配置 .js('resources/js/admin.js', 'public/js') 而不是 .js('resources/assets/js/admin.js', 'public/js')

@moell
import Vue from 'vue'
import ElementUI from 'element-ui'
import i18n from './lang'
import 'element-ui/lib/theme-chalk/index.css'
import './assets/ali-icon/iconfont.css'
import './assets/ali-icon/ali.css'
import './assets/css/mojito.css'
import App from './Admin.vue';

import router from './router'
import store from './store'
import config from './config'

Vue.use(ElementUI, {
i18n: (key, value) => i18n.t(key, value)
})

Vue.prototype.$config = config
Vue.prototype.$provider = 'admin'
i18n.locale = config[Vue.prototype.$provider].locale ? config[Vue.prototype.$provider].locale : 'en'

/ eslint-disable no-new /
const app = new Vue({
el: '#app',
router,
store,
i18n,
render: h => h(App)
})
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css')
.js('resources/js/admin.js', 'public/js')

but still error

给个 demo 就更好了

按照你的步骤一步一步来，最后还是报错了。
laravel version 5.7

就是 Mix 引入 admin.js 这个不是很明白
我的 admin.js 文件：

import Vue from 'vue'
import ElementUI from 'element-ui'
import i18n from './lang'
import 'element-ui/lib/theme-chalk/index.css'
import './assets/ali-icon/iconfont.css'
import './assets/ali-icon/ali.css'
import './assets/css/mojito.css'
import App from './Admin.vue';
import mix from 'laravel-mix'

import router from './router'
import store from './store'
import config from './config'

Vue.use(ElementUI, {
  i18n: (key, value) => i18n.t(key, value)
})

Vue.prototype.$config = config
Vue.prototype.$provider = 'admin'
i18n.locale = config[Vue.prototype.$provider].locale ? config[Vue.prototype.$provider].locale : 'en'

/* eslint-disable no-new */
const app = new Vue({
  el: '#app',
  router,
  store,
  i18n,
  render: h => h(App)
})

mix.js('resources/assets/js/app.js', 'public/js')
    .sass('resources/assets/sass/app.scss', 'public/css')
    .js('resources/js/admin.js', 'public/js')

@thinkvn9x
@Stone007
不用去修改admin.js ,.js('resources/js/admin.js', 'public/js') 是添加到 webpack.mix.js 不是添加到admin.js 中

@moell thanks moell. i done .

@Vanry 新搭建的demo, 角色权限比较小

http://mojito.moell.cn/mojito#/admin/login
username: mojito@gmail.com
passoword: mojito-demo

@moell 安装的时候 Could not find a version of package moell/mojito matching your m inimum-stability (stable). Require it with an explicit version c onstraint allowing its desired stability.

@青衣zyf laravel 什么版本

@moell 5.5 ，5.6 都试了

see > http://panjiachen.github.io/vue-element-ad...

@青衣zyf
composer.json 中加入 "moell/mojito": "1.0.*" ，然后composer update

@moell Your requirements could not be resolved to an installable set of packages.

Problem 1

• The requested package moell/mojito could not be found in any version, there may be a typo in the package name.

@青衣zyf 你用laravel-china的镜像吧 。
composer.json 检测一下

"require": {
        "php": "^7.1.3",
        "fideloper/proxy": "^4.0",
        "laravel/framework": "5.6.*",
        "laravel/tinker": "^1.0",
        "moell/mojito": "1.0.*"
    },

@moell 切回国际镜像就好了

您好，想问下您做权限管理这块的思路，vue 这里如何和 laravel 搭配，谢谢

@烟熏妆
初始化的时候获取当前用户所拥有的权限存放至 vuex

vue-router 路由在meta添加permission属性来关联权限，在路由beforeEach中否有权限访问,如：

{
        name: 'adminUserIndex',
        path: 'admin-user',
        meta: {
          permission: 'admin-user.index'
          ...
        },
        ...
      },

一些操作判断。直接通过vuex存放的权限判断即可，如：

...
<el-button type="primary" v-if="addPermission"  @click="dialogAddFormVisible = true" icon="el-icon-plus">{{ $t('add') }}</el-button>
...
<script>
...
export default {
    name: 'roleIndex',
    computed: {
      updatePermission: function () {
        return hasPermission('role.update')
      },
      addPermission: function () {
        return hasPermission('role.store')
      },
    },
  }
</script>

你可以参考一下源代码

界面有点丑了

搭了个架子，还没实质的功能
没响应式

安装成功后，打开页面出现laravel 欢迎页面的？不管地址怎么改变，结果都一样

@sniper 访问的是 http://localhost/mojito#/admin/login 吗？确认一下路由和模板是否存在。是否遗漏安装步骤

访问的地址是对的，出现403，路由里面没有admin.php和控制器里面没有admin文件夹，安装步骤都是按照你的来的，安装的是laravel5.6

@sniper 路由和控制器并不需要发布到你的项目目录下， 你按照流程重装一下吧， 应该是那里遗漏了。或者你给我更详细的问题描述。

首先我先下载安装laravel5.6的，然后所有的步骤都已经按照你的来了，其他命令都没有报错，配置都是对的，我再重新试下，不能截图的吗

安装好几遍了结果都是一样You don't have permission to access /mojito/ on this server.，403错误，配置都是对的

@sniper 你安装应该没有问题，但是你的apache 配置可能有问题，问题参照

666

登录不进去，求指导

@zhuzhisen
需要配置密码授予客户端的 ID 和 secret 至 resources/config/index.js

export default {
  admin: {
    authorize: {
      clientId: ID,
      clientSecret: secret
    }
}

配置后 npm run production

@lovecn :smile:

登录有个Bug,要点击2次以上才能登录上去，主要原因是保存登录信息是异步的，导致跳转后路由检查登录信息失败，
resources/js/store/modules/login.js

const state = {
token: '',
provider: '',
status: false,
router: '',
}

const getters = {
token: state => state.token,
accessToken: state => state.token.access_token,
status: state => state.status,
router: state => state.router,
}

const mutations = {
SET_TOKEN(state, {token, provider}) {
state.token = token
state.provider = provider
},
SET_STATUS(state, status) {
state.status = status
},
SET_ROUTER(state, router) {
state.router = router
}
}
const actions = {
loginHandle({commit}, {username, password, clientId, clientSecret, provider}) {
commit('SET_STATUS', true)
return new Promise((resolve, reject) => {
login(arguments[1]).then(response => {
/const token = {
...response.data,
created_at: new Date().getTime()
}/
commit('SET_TOKEN', {
token: {
...response.data,
created_at: new Date().getTime()
}, provider
})
resolve()
}).catch(error => {
reject(error)
})
})
},
aa() {
console.log(2222);
}
,
logoutHandle({commit}, provider) {
return new Promise((resolve, reject) => {
removeToken(provider)
})
}
}
改成这样

resources/js/store/plugin.js
const subscribe = (store) => {
store.subscribe((mutation, state) => {
switch (mutation.type) {
case 'SET_TOKEN':
setToken(state.login.token, state.login.provider).then(token => {
if (state.login.status) {
state.login.status = false;
state.login.router.push({
name: 'adminDashboard'
})
}
})
setHttpToken(state.login.token.access_token)
break;
case 'SET_PERMISSIONS':
setPermissions(state.permission.permissions, state.login.provider)
break;
}
})
}

resources/js/views/admin/login/index.vue

submitForm(formName) {
this.$store.commit('SET_ROUTER', this.$router)
this.$refs[formName].validate((valid) => {
if (valid) {
this.loginHandle({
...this.ruleForm,
...this.$config[this.$provider].authorize,
provider: this.$provider
}).then(result => {

                    })
                }
            });
        },

才接触vue 时间不长，可能有些地方不够好，可能有更好的地方，希望大家补充吧

@ppc_dea 已修复，谢谢反馈

首先谢谢作者分享这样棒的一个项目：
在安装中遇到了问题
我使用的是windows子系统ubuntu中的docker环境，将所有配置好后执行：

npm run watch

npm run production
之后就卡在这一步了
如何在windows浏览器中访问（主要是如何查看npm run production后自动打开浏览器的路径-端口）

@yunniyutu windows 你通过IP或者你设置的host直接访问项目，没有其他区别吧 。

@moell 今天遇见一个问题 页面很多 都引用 import {hasPermission} from '../../../libs/permission' 到这导出import store from '../store' 过多，编译的时候一只停止在70% , 建议 在admin.js 最下面加入
Vue.prototype.hasPermission = function (name) {
return store.getters.permissions.indexOf(name) >= 0
}
其他地方通过this.hasPermission('xxxx');调用

@ppc_dea 多谢反馈， 你们大概多少页面 。

@moell
在你的基础上加了5个页面

每个页面都引入下面
import {hasPermission} from '../../../libs/permission'
就会很长时间停留下面的截图

@ppc_dea 会不会是其他原因，我这里有项目有几十个页面 。没出现这样的问题， 并且我个人的理解，虽然多次import ，打包应该只编译一次吧？

@moell 我挨个排查的 吧 import {hasPermission} from '../../../libs/permission' 去掉加载就快了

@moell 你用你最新发布试试，以前版本我也没有问题，用你新版的有这个 问题，新加7个页面

@ppc_dea 你laravel_mix,npm, node ,laravel 等各环境分别是什么版本？ 我重现一下看看 。

laravel_mix 4.0.7
npm 6.3.0
node 9.3.0
laravel 5.7
@moell

@ppc_dea 感谢反馈

@ppc_dea 太感谢了 困扰我多天的问题 终于解决了

安装成功后登陆接口出现 http://www.mem.com/api/permission-user-all 报错
Type error: Argument 1 passed to Illuminate\Auth\Middleware\Authenticate::authenticate() must be of the type array, object given, called in F:\project\laravel56\vendor\smartins\passport-multiauth\src\Http\Middleware\MultiAuthenticate.php on line 8

http://www.mem.com/api/my-menu
Type error: Argument 1 passed to Illuminate\Auth\Middleware\Authenticate::authenticate() must be of the type array, object given, called in F:\project\laravel56\vendor\smartins\passport-multiauth\src\Http\Middleware\MultiAuthenticate.php on line 83"
trace: [{,…},…]

@sniper 是否是版本选中的问题

Laravel 5.5, 5.6选择1.0. ，5.7 选择 1.1.

问题解决了，你这个后台能全部替换中文的吗

@sniper 修改config/index.js locale即可

改成cn还是英文的吗，还是说其它的

@sniper locale: 'zh'

出现这个是什么问题呢？

新人求教，我在解决admin_menu查询到菜单数据后却无法显示的问题时（由于element版本更新后，为支持树类型的数据必须要指定 row-key）
在校验过homestead与宿主机时间，关闭opcache，view:clear，cache:clear，清除浏览器缓存后，我对视图做了修改后视图页面仍然没有变化请问是为什么

左边的菜单栏主题颜色怎么改呢，不太懂vue

请问大佬 有没有人做过左边菜单栏没权限就不显示呢

@davy2018666 菜单可以在菜单管理进行权限的关联， 未关联默认会显示的。

@sniper
components/Layout/NavBar.vue

谢谢大佬@moell

@moell 你好 我这里遇到一个问题

我看了你上面的解决方法，但是我已经配置了index.js，如下

但是仍然没有解决这个问题

@DrakedogGG 这是OAuth2.0 的 密码授权模式，你应该是配置错了。 你可以使用 php artisan passport:client --password来生成，或者使用数据库中 name='Laravel Password Grant Client' 的秘钥， 这是 php artisan passport:install 生成的

@moell 谢谢 我已经解决了 好像是npm run production没有生效的原因
我有一个疑问

请问这个guard_name是用来做什么的 很多表都有这个字段 但是好像是写死在这里的？

@DrakedogGG 为了实现passport 可以多表鉴权

@moell 这个菜单使用的图标库是什么图标库 我搜索了一下mofont没有搜索到呢

@DrakedogGG https://www.iconfont.cn/ 在这里自己定制的。你可以看看 https://moell-peng.github.io/mojito-doc/#/...

@moell 好的 谢谢麻烦你了

怎么定制图标呢？文档上没有写

@DrakedogGG 怎么定制图标呢？

已经换成elemntui 图标啦

大佬 这个可以换成jwt吗

大佬给个联系方式呗

@DrakedogGG 你解决了 登录不进去的问题是吗 我这边也修改了那个config文件 但是还是不行 想问下如何操作的

1.0.8版本 执行php artisan db:seed --class="Moell\Mojito\Database\MojitoTableSeeder" 数据填充报错 In MojitoTableSeeder.php line 215: Call to undefined method Illuminate\Foundation\Application::truncate()

@周小云 laravel 什么版本，使用 mojito 2.0.1 版本吧 github.com/moell-peng/mojito