Giter VIP home page Giter VIP logo

blog.admin's Introduction

  注意npm使用的是14版本,高版本可能有问题
  C:\Users\laozh>npm -v
  6.14.10
  C:\Users\laozh>node -v
  v14.15.4

一个基于 Vue.js 的后台管理系统项目,目前是1.0版本,主要是权限管理系统,以后会增加更多功能,持续开发中...。

这里仅仅是vue项目,api接口工程,请查看 Blog.Core

给个星星! ⭐️

如果你喜欢这个项目或者它帮助你, 请给 Star~(辛苦星咯)


项目下载后,首先安装依赖包

npm install

安装成功后,运行即可

npm run serve // 请不要把 再一直用 dev 命令了

然后你就可以直接访问 http://localhost:6688

Tips:

如果你想换一个端口,可以直接修改根目录下的 vue.config.js 文件

  devServer: {
    port: 2364, // 当前 admin 项目的端口号
    https: false,

而且也要代理下后端的接口地址,如果你使用 proxy 来实现跨域的话(如果用 CORS 跨域,这里就不用配置了):

    proxy: {
      // 配置多个代理
      "/api": {
        target: "http://localhost:8081",//这里改成你自己的后端api端口地址,记得每次修改,都需要重新build

如果要部署,先执行bulid

npm run build

售后服务与支持

鼓励作者,简单打赏,入微信群,随时随地解答我框架中(NetCore、Vue、DDD、IdentityServer4等)的疑难杂症。
注意主要是帮忙解决bug和思路,不会远程授课,但是可以适当发我代码,我帮忙调试,
打赏的时候,备注自己的微信号,我拉你进群,两天内没回应,QQ私聊我(3143422472);

赞赏列表

赞赏码

[图片若加载不出来,点这里](http://apk.neters.club/laozhangisphigood.jpg)

三大平台同步直播

博客园:https://www.cnblogs.com/laozhang-is-phi/p/10236645.html

简 书:https://www.jianshu.com/notebooks/28621653

CSDN:https://blog.csdn.net/baidu_35726140

******************************

安装

 git clone https://github.com/anjoy8/Blog.Admin.git

安装包依赖

npm install

运行

运行开发环境

npm run serve

本地访问http://localhost:2364

可以在根目录的 vue.config.js 中修改端口:

  "devServer": {
     "host": "127.0.0.1",
     "port": "2364"//端口号
  },
  
  

编译

build for production and launch server

npm run build

blog.admin's People

Contributors

anjoy8 avatar bjw321 avatar dependabot[bot] avatar hudingwen avatar laozhangisphi avatar lemonnocry avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

blog.admin's Issues

登录界面右侧会多一个滚动条

最新clone代码,win7 64位,谷歌最新浏览器,firefox最新浏览器,登录界面最右侧会多了一个下拉的滚动条,修改代码为src/style/home.css下的.content-az注释第一行border: 1px solid #f0f0f0;,将height改为auto

Proxy error

Proxy error: Could not proxy request /api/login/jwttoken3.0?name=test&pass=test from 127.0.0.1:2364 to localhost:8081.

npm run build前后,如何配置接口Api地址

target: "http://localhost:9291",//这里改成你自己的后端api端口地址,记得每次修改,都需要重新build

本地开发环境,执行 npm run serve ,可以调用到9291的接口地址。
执行npm run build,部署到服务器,点击登录,请求的接口地址变成了当前域名的。
请教如何指定域名呢?(接口项目可通过nginx处理跨域请求)

blog.admin,忘记密码

blog.admin,忘记密码无法找回密码,修改密码只能在登录状态下进行。。。

权限 getButtonList bug

bug提交,项目:Blog.Core admin ,代码位置 getButtonList,原因:原代码定义buttonList为公共变量,造成某一页面获取 ButtonList后,其它页面就算刷新失败或不刷新,也会有其它页面的buttonList,
修改结果: 把buttonList 修改变私有变量即可:

修改后代码如下:
QQ图片20200717110332

建议增加灵活权限控制示例

原<toolbar :buttonList="buttonList" @callFunction="callFunction">不太灵活,动态绑定函数
无法解决一些传参问题,建议增加以下示例,有V-if 单项控制button是否显示方式
<el-button v-if="CheckAuthorize('编辑')" size="small" @click="handleEdit(scope.$index, scope.row)">编辑

//查找是否有权限,没有返回undefined
CheckAuthorize(name){
var result = false
this.buttonList.find((item)=>{
if(item.name===name){
result = true
return
}
})
return result
},

QuartzJob.vue

新增操作的时候 如果是cron表达式就会报错,

发现是 IntervalSecond 这个值默认值是 “”

后端是 int 导致的异常。

修改一下默认值 为0以后 就解决。

TabPage页签切换能保持状态吗

比如tab有两项,首页,博客页,博客页面点击编辑进入编辑状态,但是点击到首页再切换回来就进入到博客列表页面了,开启keeplive也不行,请问能保持原来的状态吗

npm i 失败

git clone 到本地之后, npm install 失败
删除 package-lock.json 后, 再次npm install 成功

接口权限bug

业务bug
修改菜单管理中的api接口的时候,RoleModulePermission这张关系表没改,这会导致权限验证有问题。

举个例子:假设我用户管理查询这里的接口配置错误,配成了/api/role/get这个,然后我在权限分配那把菜单权限也给了,这个时候我再去菜单管理中把接口换成/api/user/get, 关系表中对应的id还是/api/role/get这个接口的,我这时去请求/api/user/get就提示没权限。

菜单默认都被点击

比如登录test1用户,其它用户登录都是一样,登录成功后QQ欢迎页,用户角色管理,菜单权限管理,报表管理都默认被点击了,猜测应该是src/router/index.js文件里面的createRouter数组内容少了

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.