国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue-vben-admin 與.net core 結(jié)合實例 【自學與教學 小白教程】---第4節(jié)---部門管理

這篇具有很好參考價值的文章主要介紹了vue-vben-admin 與.net core 結(jié)合實例 【自學與教學 小白教程】---第4節(jié)---部門管理。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

?ue-vben-admin 與.net core 結(jié)合實例 這里計劃使用.net core 作為后端 。目標:打造好看 易用 開箱即用 的netcore一體化框架。Vue Vben Admin For NetCore 取命 hcrain-vvadmin 我不是前端人員 但有時開發(fā)還是要寫一些界面。

之前使用layui是時候 狠心升級下了。

只為了好看----------于是 ?小白教程來了。可以根據(jù) git提交一步步來重現(xiàn)我的實現(xiàn)。

【后面會發(fā)布到在線 效果預覽 ? 還沒發(fā)布啊 我要將它改造成我自己想要的。要時間。這里占個坑而已。不回改文章了?!?/p>

目錄

目錄

第4節(jié)---部門列表的增刪查改及對應API開發(fā)

?編輯

目錄

第4節(jié)---部門列表(樹形列表)的增刪查改及對應API開發(fā)

?編輯?

1部門表定義

2部門表API開發(fā)及定義

3列表新的接觸

表單頁

git提交參考


1部門表定義

2部門表API開發(fā)及定義

本系列文章后在還說會什么?



第4節(jié)---部門列表(樹形列表)的增刪查改及對應API開發(fā)

?

1部門表定義

因為是層級結(jié)構(gòu)? ?這里定義子級數(shù)據(jù)對象Children?

/// <summary>
/// 部門
/// </summary>
public class SysDep : RootEntityBase<int>
{
    public SysDep()
    {
        CreatedTime = DateTime.Now;
    }
    /// <summary>
    /// 機構(gòu)代碼
    /// </summary>
    public string OrgCode { get; set; }
    /// <summary>
    /// 上級代碼
    /// </summary>
    public int ParentId { get; set; } = 0;
    /// <summary>
    /// 所屬機構(gòu)
    /// </summary>
    public long OrgId { get; set; }
    /// <summary>
    /// 部門名稱
    /// </summary>
    public string DepName { get; set; }

    /// <summary>
    /// 部門代碼
    /// </summary>
    public string DepCode { get; set; }

    /// <summary>
    /// 排序
    /// </summary>
    public int OrderNo { get; set; }

    /// <summary>
    /// 添加時間
    /// </summary>
    [SugarColumn(IndexGroupNameList = new string[] { "index_time1" })]
    public DateTime CreatedTime { get; set; }

    /// <summary>
    /// (子級)不映射數(shù)據(jù)庫字段
    /// </summary>
    [SugarColumn(IsIgnore = true)]
    public List<SysDep> Children { get; set; }
    
}

2部門表API開發(fā)及定義

系統(tǒng)使用ORM框架 ---SqlSugar? 有多好用 ,這里就不說了,建議.net 人員多支持。

后臺系統(tǒng)對單表實現(xiàn)了所有的常規(guī)接口,不需要開發(fā)。只要單獨開發(fā)樹形查詢接口即可。

添加/刪除/導入/導出/統(tǒng)計/查詢/列新

vue-vben-admin 與.net core 結(jié)合實例 【自學與教學 小白教程】---第4節(jié)---部門管理,vue-vben-admin 與.net core,elasticsearch,大數(shù)據(jù),搜索引擎?

這里要單獨實現(xiàn)非標準接口 樹結(jié)構(gòu)查詢 。SqlSugar有支持,使用即可ToTree。

/// <summary>
/// 部門
/// </summary>
[Route("api/[controller]/[action]")]
[ApiController]
public class SysDepController : BaseSimpleController<SysDep>
{
    public SysDepController(IUnitOfWork unitOfWork, IBaseRepository<SysDep> rep, IWebHostEnvironment env)
    {
     
        base._env = env;
        base._rep = rep;
        base._unitOfWork = unitOfWork;
    }

    /// <summary>
    /// 查詢樹
    /// </summary>
    /// <param name="input"></param>
    /// <returns></returns>
    [HttpPost]
    public  async Task<ResultMo<List<SysDep>>> SearchTree(QueryPageInput input)
    {
        input.queryKeyValue.Add(new AndWhere {
            FieldName= "ParentId", FieldValue="0"
        } );
        var main = await _rep.QueryPage(input);
        var Ids = main.data.Select(m => m.Id).ToList();
        var re = await _rep.Db.Queryable<SysDep>().Where(m => Ids.Contains(m.Id)|| Ids.Contains(m.ParentId)).
            ToTreeAsync(it => it.Children, it => it.ParentId, 0);
        re.ForEach(m =>
        {
            if (m.Children == null) m.Children = new List<SysDep> { };
        });
        return new ResultMo<List<SysDep>>(re, main.dataCount);

    }
}

3列表新的接觸

1查詢時間段,數(shù)據(jù)處理

 console.log(prams);
    postsearch = [];
    for (let pS in prams) {
      if (pS != "page" && pS != "pageSize" && prams[pS]!=undefined) {
        if (pS.startsWith('find_rp_')) {//find_g_  find_s_
          console.log('日期2');
          console.log(pS.replace('find_rp_',''));
          postsearch.push({
            fieldName: 'find_g_'+pS.replace('find_rp_',''),
            fieldValue: prams[pS][0]
          });
          postsearch.push({
            fieldName:  'find_s_'+pS.replace('find_rp_',''),
            fieldValue: prams[pS][1]
          });

        }
        else {
          postsearch.push({
            fieldName: pS,
            fieldValue: prams[pS]
          });
        }
      }
    }

2樹形的不用單獨配置? 他本身有字級后 會自動處理?我也不明白,哈哈。(開關(guān)沒找到)

表單頁

下拉數(shù)據(jù)的轉(zhuǎn)換。

使用apiselect? 只會第一次進行會加載,后面不會更新,那位大神可以告訴二次進入也可以更新的方法?

這里改成 select 每次進入接取綁定。

//下接數(shù)據(jù)獲取
  var postsearch = [{ fieldName: 'ParentId', fieldValue: '0' }];
  postsearch.push({
    fieldName: 'find_q_orgCode',
    fieldValue: useUserStore().getUserInfo.orgCode
  });
  const listdata = await HcrainPost('/api/SysDep/Search', {
    queryKeyValue: postsearch,
  });
  var stype = [{}];
  for (let i in listdata.data) {
    stype.push({
      label: listdata.data[i]['depName'],
      value: listdata.data[i]['id']
    }
    );
  }
  console.log(stype);
  //將數(shù)據(jù)放到下拉框上
  updateSchema({
    field: 'parentId',
    componentProps: {
      options: unref(stype),
    },
  });

vue-vben-admin 與.net core 結(jié)合實例 【自學與教學 小白教程】---第4節(jié)---部門管理,vue-vben-admin 與.net core,elasticsearch,大數(shù)據(jù),搜索引擎

git提交參考

vue-vben-admin 與.net core 結(jié)合實例 【自學與教學 小白教程】---第4節(jié)---部門管理,vue-vben-admin 與.net core,elasticsearch,大數(shù)據(jù),搜索引擎?

多謝文章來源地址http://www.zghlxwxcb.cn/news/detail-793940.html

到了這里,關(guān)于vue-vben-admin 與.net core 結(jié)合實例 【自學與教學 小白教程】---第4節(jié)---部門管理的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務器費用

相關(guān)文章

  • Taurus .Net Core 微服務開源框架:Admin 插件【4-5】 - 配置管理-Mvc【Plugin-Admin 后臺】

    Taurus .Net Core 微服務開源框架:Admin 插件【4-5】 - 配置管理-Mvc【Plugin-Admin 后臺】

    繼上篇:Taurus .Net Core 微服務開源框架:Admin 插件【4-4】 - 配置管理-Mvc【Plugin-CORS 跨域】 本篇繼續(xù)介紹下一個內(nèi)容: 配置界面如下: ?配置說明如下: 這是個很危險的開關(guān): 因此,需要知道持久化的目錄: 默認在 /App_Data/admin/config.ini?中,以 json?格式存檔,大至如下: 可

    2024年02月04日
    瀏覽(20)
  • Taurus .Net Core 微服務開源框架:Admin 插件【1】 - 微服務節(jié)點管理

    Taurus .Net Core 微服務開源框架:Admin 插件【1】 - 微服務節(jié)點管理

    最近發(fā)現(xiàn) NetCore 的文章有點少,特來補幾篇。 上一篇:Taurus.mvc .Net Core 微服務開源框架發(fā)布V3.1.7:讓分布式應用更高效。 自上篇之后,期間更新了4個小版本,更新如下: 其中,大部分和Admin插件相關(guān)。 本篇開始,來詳細介紹一下該管理插件后臺。 最早開發(fā)Admin?管理插件,

    2024年02月11日
    瀏覽(23)
  • Taurus .Net Core 微服務開源框架:Admin 插件【2】 - 系統(tǒng)環(huán)境信息管理

    Taurus .Net Core 微服務開源框架:Admin 插件【2】 - 系統(tǒng)環(huán)境信息管理

    繼上篇:Taurus .Net Core 微服務開源框架:Admin 插件【1】 - 微服務節(jié)點管理 本篇繼續(xù)介紹下一個內(nèi)容: ?基本信息如上圖,重點的幾個參數(shù): 其它就不另外單獨翻譯了。 默認 NetCore 整體程序集加載的有點多,達100多個。 默認網(wǎng)關(guān)的應用程序的程序集是3個,其余全是公共運行

    2024年02月11日
    瀏覽(23)
  • yudao-ui-admin-vben管理后臺:基于最新vben 框架的企業(yè)級管理后臺應用解決方案

    yudao-ui-admin-vben管理后臺:基于最新vben 框架的企業(yè)級管理后臺應用解決方案

    摘要: 本文主要介紹了yudao-ui-admin-vben管理后臺,一個基于最新vben 框架的企業(yè)級管理后臺應用解決方案。文章首先概述了yudao-ui-admin-vben管理后臺的技術(shù)棧和功能特點,然后深入探討了其架構(gòu)設(shè)計、核心模塊實現(xiàn)以及性能優(yōu)化等方面的技術(shù)細節(jié)。最后,文章總結(jié)了yudao-ui-admi

    2024年04月27日
    瀏覽(27)
  • Taurus .Net Core 微服務開源框架:Admin 插件【2】 - 系統(tǒng)環(huán)境信息管理 - 【OS、Assembly】

    Taurus .Net Core 微服務開源框架:Admin 插件【2】 - 系統(tǒng)環(huán)境信息管理 - 【OS、Assembly】

    繼上篇:Taurus .Net Core 微服務開源框架:Admin 插件【1】 - 微服務節(jié)點管理 本篇繼續(xù)介紹下一個內(nèi)容: ?基本信息如上圖,重點的幾個參數(shù): 其它就不另外單獨翻譯了。 默認 NetCore 整體程序集加載的有點多,達100多個。 默認網(wǎng)關(guān)的應用程序的程序集是3個,其余全是公共運行

    2024年02月11日
    瀏覽(65)
  • vben-admin 頁面以及部分代碼 常見問題 解析 持續(xù)更新····

    vben-admin 頁面以及部分代碼 常見問題 解析 持續(xù)更新····

    介紹 | Vben Admin (vvbin.cn) https://doc.vvbin.cn/guide/introduction.html ----------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------- ?

    2024年02月04日
    瀏覽(51)
  • Taurus .Net Core 微服務開源框架:Admin 插件【3】 - 指標統(tǒng)計管理 -【API、Redis、MemCache】

    Taurus .Net Core 微服務開源框架:Admin 插件【3】 - 指標統(tǒng)計管理 -【API、Redis、MemCache】

    繼上篇:Taurus .Net Core 微服務開源框架:Admin 插件【2】 - 系統(tǒng)環(huán)境信息管理 本篇繼續(xù)介紹下一個內(nèi)容: 界面圖如下: 該頁面默認呈現(xiàn)API訪問次數(shù)的統(tǒng)計,由于要顯示的數(shù)據(jù)列有點多,24小時,因此用了全屏顯示。 同時提供快捷切換顯示選項:昨天與今天。 如果需要查詢其余

    2024年02月11日
    瀏覽(25)
  • Taurus .Net Core 微服務開源框架:Admin 插件【4-1】 - 配置管理-Kestrel【含https啟用】

    Taurus .Net Core 微服務開源框架:Admin 插件【4-1】 - 配置管理-Kestrel【含https啟用】

    繼上篇:Taurus .Net Core 微服務開源框架:Admin 插件【3】 - 指標統(tǒng)計管理 本篇繼續(xù)介紹下一個內(nèi)容: 界面圖如下: 雙擊節(jié)點即可進入修改模式,如: ? 修改說明:? ?節(jié)點說明:默認顯示的是 Mvc 的配置界面。 本節(jié)先講 Kestrel?相關(guān)的配置項: 界面如下: ?配置說明:經(jīng)過對

    2024年02月11日
    瀏覽(26)
  • Taurus .Net Core 微服務開源框架:Admin 插件【4-2】 - 配置管理-Mvc【含請求日志打印】

    Taurus .Net Core 微服務開源框架:Admin 插件【4-2】 - 配置管理-Mvc【含請求日志打印】

    繼上篇:Taurus .Net Core 微服務開源框架:Admin 插件【4-1】 - 配置管理-Kestrel【含https啟用】 本篇繼續(xù)介紹下一個內(nèi)容: 界面如圖: 以下為配置說明: 控制 Taurus 的 Mvc 是否啟用,比如網(wǎng)關(guān)、或注冊中心,或者使用其它Mvc框架,可以選擇不啟用。 如正常訪問Mvc時: 禁用它后:

    2024年02月11日
    瀏覽(18)
  • vben-admin中渲染table表格時怎么處理不同的數(shù)據(jù)結(jié)構(gòu)

    最近在用vben admin開發(fā)后臺管理系統(tǒng),vben admin這個后管端框架封裝的非常細,顆粒度非常細,如果了解里面的組件或者api用法,那開發(fā)起來非??臁H绻涣私?,那就非常痛苦了,目前關(guān)于vben admin這塊的開發(fā)問題的博客很少,所以有的問題很難查到。我經(jīng)歷了這樣的過程,于

    2024年02月09日
    瀏覽(20)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包