收藏
便签
笔记
消息
创作
登录
应无所住,而生其心
博主信息
排名
1
文章
861
粉丝
112
评论
163
文章类别
最新文章
最新评价
net core webapi post传递参数
庸人 : 确实坑哈，我也是下班好了好几次，发现后台传递对象是可以的，但...
百度编辑器自定义模板
庸人 : 我建议换个编辑器，因为现在百度富文本已经停止维护了，用tinymec...
关于我们
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2025TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：50010702506256
欢迎加群
欢迎加群交流技术
原

.net core配合qadmin简单使用

6013人阅读 2020/6/5 10:01 总访问：5232495 评论：3 收藏：0 手机
分类: 前端

qadmin是使用vue和layui组合的一个前端模板


把模板中的首页复制进来

  1. <!DOCTYPE html>

  2. <html>

  3. 

  4. <head>

  5.     <meta charset="utf-8">

  6.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  7.     <title>TNBLOG-后台管理</title>

  8.     <link rel="stylesheet" href="./static/common/layui/css/layui.css">

  9.     <link rel="stylesheet" href="./static/admin/css/style.css">

  10.     <script src="~/static/common/layui/layui.js"></script>

  11.     <script src="~/static/common/jquery-3.3.1.min.js"></script>

  12.     <script src="~/static/common/vue.min.js"></script>

  13.     <style>

  14. 

  15.         .right h2 {

  16.             margin: 10px 0;

  17.         }

  18. 

  19.         .right li {

  20.             margin-bottom: 10px;

  21.         }

  22.     </style>

  23. </head>

  24. <body>

  25. 

  26.     <div id="app">

  27.         <!--顶栏-->

  28.         <header>

  29.             <h1>

  30.                 <span v-text="webname_left"></span><span class="rigth" v-text="webname_right"></span>

  31.             </h1>

  32.             <div class="breadcrumb">

  33.                 <i class="layui-icon">&#xe715;</i>

  34.                 <ul>

  35.                     <li v-for="vo in address">

  36.                         <a v-text="vo.name" :href="vo.url"></a> <span>/</span>

  37.                     </li>

  38.                 </ul>

  39.             </div>

  40.         </header>

  41.         <div class="main" id="app">

  42.             <!--左栏-->

  43.             <div class="left">

  44.                 <ul class="cl">

  45.                     <!--顶级分类-->

  46.                     <li v-for="vo,index in menu" :class="{hidden:vo.hidden}">

  47.                         <a href="javascript:;" :class="{active:vo.active}" @@click="onActive(index)">

  48.                             <i class="layui-icon" v-html="vo.icon"></i>

  49.                             <span v-text="vo.name"></span>

  50.                             <i class="layui-icon arrow" v-show="vo.url.length==0">&#xe61a;</i> <i v-show="vo.active" class="layui-icon active">&#xe623;</i>

  51.                         </a>

  52.                         <!--子级分类-->

  53.                         <div v-for="vo2,index2 in vo.list">

  54.                             <a href="javascript:;" :class="{active:vo2.active}" @@click="onActive(index,index2)" v-text="vo2.name"></a>

  55.                             <i v-show="vo2.active" class="layui-icon active">&#xe623;</i>

  56.                         </div>

  57.                     </li>

  58.                 </ul>

  59.             </div>

  60.             <!--右侧-->

  61.             <div class="right">

  62.                 @RenderBody()

  63.             </div>

  64.         </div>

  65.     </div>

  66.     <script src="~/static/admin/js/config.js"></script>

  67.     <script src="~/static/admin/js/script.js"></script>

  68.     <script type="text/javascript">

  69. 

  70.     </script>

  71. </body>

  72. </html>

其实已经非常简洁了，然后把静态资源复制进来

这里有两个东西一个是css,js,图片这些静态资源，还有就是那个配置菜单的meu.json(这个可以从后台来，我这里菜单是固定的就在这里配置就行了)，按照这样的格式复制进去。


然后其他的想改修改一下网站名的配置什么的，就是在config.js里边

是用vue来实现的配置，当然可以自己按照实际情况修改

能够实现vue绑定的是使用的config.js下边的那个script.js

下面是一个简单的效果：

哈哈，准备从新弄一下tnblog的后台管理，看到这个还挺清爽的用用看，主要是想做一下微服务相关的管理而且以前那个不是.net core的正好后面可以迁移一下。

修改qadmin中vue重复绑定对象问题：https://www.tnblog.net/xiuxin3/article/details/3952






欢迎加群讨论技术，1群：677373950(满了，可以加，但通过不了)，2群：656732739。有需要软件开发，或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

杨焯

2020/6/5 17:45:24

[哈哈]666

回复

杨焯

2020/6/5 17:45:50

加油剑哥 以后能不能挖到矿就看你了

回复

2020/6/5 18:06:20 回复

net core 使用 EF Code First
下面这些内容很老了看这篇：https://www.tnblog.net/aojiancc2/article/details/5365 项目使用多层，把数据库访问...

.net mvc分部页，.net core分部页
.net分部页的三种方式第一种：@Html.Partial(&quot;_分部页&quot;)第二种：@{ Html.RenderPartial(&quot;分部页&quot;);}...

StackExchange.Redis操作redis(net core支持)
官方git开源地址https://github.com/StackExchange/StackExchange.Redis官方文档在docs里边都是官方的文档通过nuget命令下...

.net core 使用session
tip:net core 2.2后可以直接启用session了，不用在自己添加一次session依赖，本身就添加了使用nuget添加引用Microsoft.AspN...

通俗易懂，什么是.net?什么是.net Framework？什么是.net core?
朋友圈@蓝羽 看到一篇文章写的太详细太通俗了，搬过来细细看完，保证你对.NET有个新的认识理解原文地址：https://www.cnblo...

asp.net core2.0 依赖注入 AddTransient与AddScoped的区别
asp.net core主要提供了三种依赖注入的方式其中AddTransient与AddSingleton比较好区别AddTransient瞬时模式：每次都获取一...

.net core 使用 Kestrel
Kestrel介绍 Kestrel是一个基于libuv的跨平台web服务器 在.net core项目中就可以不一定要发布在iis下面了Kestrel体验可以使...

net core中使用cookie
net core中可以使用传统的cookie也可以使用加密的cookieNET CORE中使用传统cookie设置：HttpContext.Response.Cookies.Appe...

net core项目结构简单分析
一：wwwrootwwwroot用于存放网站的静态资源，例如css,js，图片与相关的前端插件等lib主要是第三方的插件，例如微软默认引用...

net core使用EF之DB First
一.新建一个.net core的MVC项目新建好项目后，不能像以前一样直接在新建项中添加ef了，需要用命令在添加ef的依赖二.使用Nug...

.net core使用requestresponse下载文件下载excel等
使用request获取内容net core中request没有直接的索引方法，需要点里边的Query,或者formstringbase64=Request.Form[&quot;f...

iframe自适应高度与配合net core使用
去掉iframe边框frameborder=&quot;0&quot;去掉滚动条scrolling=&quot;no&quot;iframe 自适应高度如果内容是固定的，那么就...

net core启动报错Unable to configure HTTPS endpoint. No server certificate was specified
这是因为net core2.1默认使用的https，如果使用Kestrel web服务器的话没有安装证书就会报这个错其实仔细看他的错误提示，其...

net core中使用url编码与解码操作
net core中暂时还没有以前asp.net与mvc中的server对象。获取url的编码与解码操作不能使用以前的server对象来获取。使用的是...

下载net core
官方下载地址：https://dotnet.microsoft.com/download 进来之后就可以看到最新的下载版本可以直接点击下载，也可以下载其...

net core使用依赖注入来装载EF的上下文对象
妹子情人节快乐~.net core中用了不少的依赖注入,官方文档中也推荐使用。这样使用依赖注入来管理ef对象，还是比较科学，比如...