原创 用layui框架做一個輪播

1、用layui佈局,那麼我們得先對他進行引入,在這裏我們用到carousel模塊 所以引入“<script src="~/Plugins/layui/layui.js"></script>” 和 “ <link href="~/

原创 表格的渲染!

開發工具與關鍵技術:VS 作者:心華 撰寫時間:2019/04/22 寫好查詢語句之後的表格的渲染。 2. 這裏表格的數據處理用到layui插件,把layui插件放到項目並引用 3.之後進行表格的渲染, var Tab

原创 點擊按鈕進行新增

開發工具與關鍵技術:VS 作者:心華 撰寫時間:2019/04/22 模態窗體用到bootstrap.min.js插件,進行引用。 $("#insert").click(function () 點擊新增按鈕彈出模態窗體,

原创 實現頁面的伸縮和抗張

1. <body style="background:#f6f6f6;"> 2. @*商品列表*@ 3. <div class="container-fluid"> 4. <div class="row" style

原创 表的遞歸!!

在做智慧商貿系統-基礎資料-商品分類中的商品分類表 遞歸 在我們的日常生活中常常會遇到一些源源不斷綿綿不絕的煩惱。而我們做的東西也是如此,他們可以無限的增加,就好比如我們做的系統中的商品列表,他可以不斷的增加,那麼這就出現了一個

原创 批量刪除

一、 設置批量按鈕 二 1. //批量刪除 2. function Delete() { 3. //獲取選中checkbox 4. var checkbox = layuiTable.checkStatus(

原创 布爾類型字段的新增

一、 設置選擇框 1. //點擊新增 2. $("#insert").click(function () { 3. //清空表單 4. $("#formInsetCommodityun

原创 單表查詢

單表查詢 一、設置表格 1. @*表格*@ 2. <div class="col-12" style="background:#ffffff;height:655px;width:100%; margin- top

原创 樹形圖

一、 設置樹形體和樣式插件引入 (1)、設置樹形圖,我們先把以下的插件及樣式引入,如缺少或鏈接地址錯誤將不能顯示出來。 1. <link href="~/Plugins/zTree_v3/css/zTreeStyle/zTreeS

原创 登錄

1. //點擊登錄 2. $("#btnSubmit").click(function () { 3. var UserName = $("#UserName").val(); 4. //serial

原创 原生JS設置展開與收起

1. 需要對bootstrap的“css”“js”進行引入 2. <link href="~/Plugins/bootstrap-4.1.3-dist/css/bootstrap.css" rel="stylesheet" />

原创 表的渲染以及數據查詢。

1. 今天我們做一個表格渲染,我的表格,我用的是layui,我們須把 2. “<link href="~/Plugins/layui/css/layui.css" rel="stylesheet" /> 3. ”和“<script

原创 百分數的合理使用

 我們在做頁面的後往往面臨一些煩惱,而爲了實現頁面的彈性和自適應也是其一。那麼今天我們就利用百分數來實現一些自適應,來體現百分數的合理利用。  看如下代碼: 1. 2. @{ 3. Layout = null; 4.

原创 頁面嵌套

今天我們來做一個嵌套頁面,(初始設置,作爲前端的代碼,我們往往用到別人做好的框架,現在我用到的是“bootstrap-4”所以我們需把他兩進行引入和進行佈局。 @{ Layout = null; } <!DOCTYPE html

原创 智慧商貿數據庫的創建

第一步:首先進行數據庫分析,如下圖,這是我分析出的部分表 第二部:把自己各個表逐一進行創建,改設置主鍵就主鍵改自增就設置自增,之後進行關係連接,如下圖,如下是我的部分表,因範圍太廣古不能太全 第三步:把表進行轉化,在轉化時可能