当前位置： 首页 > news >正文

开源博客项目Blog .NET Core源码学习（25：App.Hosting项目结构分析-13）

news 文章来源：https://blog.csdn.net/gc_2299/article/details/139129064 2025/5/24 0:47:07

  本文学习并分析App.Hosting项目中后台管理页面的文章管理页面。
  文章管理页面用于显示、检索、新建、编辑、删除文章数据，以便在前台页面的首页、文章专栏、文章详情页面显示文章数据。文章管理页面附带一新建及编辑页面，以支撑新建和编辑文章数据。整个页面使用了layui中的表格、表单、上传组件、KindEditor组件、日期与时间选择、formSelects组件（参考文献3）等样式或模块，并未使用独立的js文件，而是直接在页面内嵌js代码，并调用BlogManage/ArticleController的相关函数处理数据。
在这里插入图片描述

  文章管理页面的上半部分显示搜索框，下半部分以表格形式显示全部文章数据或者检索结果。
在这里插入图片描述
  内置的js代码主要用于设置表格样式及处理事件，同时处理搜索事件。调用layui的table.render函数设置表格样式，主要包括：
  1)用elem属性设置表格容器元素，同时用url设置调用BlogManage/ArticleController的Index函数分页获取所有文章数据；
  2）用limit、limits、page属性设置数据分页显示；
  3）用toolbar属性设置头部工具栏，指定的元素id定义在_AminLayout.cshtml内，且根据不同的页面显示不同的工具栏内容，在本页面中工具栏中有添加按钮（按钮在系统管理->按钮管理中配置）；
  4）用where属性设置调用Index时附加的其它参数；
  5）用cols属性设置表格显示列，其中第一列采用type:‘number’设置为序号列，标题列（对应字段Title）、来源列（对应字段Source）、是否显示列（对应字段Visible）、是否置顶列（对应字段IsTop）采用templet属性以模版函数方式设置显示样式，其它列对应Index函数返回值的属性，最后一列用templet属性以模版选择器形式指定_AminLayout.cshtml文件中定义的按钮模版（按钮在系统管理->按钮管理中配置）。
在这里插入图片描述
  除上述设置之外，还定义了工具栏、操作按钮、检索按钮的响应函数，其余的添加、编辑和删除按钮中，删除按钮的事件处理函数逻辑为调用BlogManage/ArticleController的Delete函数删除数据，然后使用table.reload重载页面数据。
在这里插入图片描述
  调用form.on('switch(enabled)'设置表格中是否显示列开关事件的事件处理函数，其内部调用tools.submitConfrim函数提示用户是否在显示和隐藏间切换，确定的话则调用BlogManage /ArticleController的Show函数更新显示状态，同时更新页面数据，取消的话则还原是否显示列之前的显示值。
  调用form.on('switch(top)'设置表格中是否置顶列开关事件的事件处理函数，其内部调用tools.submitConfrim函数提示用户是否在置顶和取消置顶间切换，确定的话则调用BlogManage /ArticleController的Top函数更新置顶状态，同时更新页面数据，取消的话则还原是否置顶列之前的显示值。
在这里插入图片描述
  新建和编辑文章数据使用的同一页面，位置为BlogManage\Views\Article\Form.cshtml页面，使用layui的表单组件设置样式。如果是新建文章，则直接弹出页面编辑文章数据，而编辑数据的话，主页面会通过url传递key参数，在编辑页面中调用BlogManage/ArticleController的Detail函数获取文章数据初始化编辑页面的对应元素数据。新建或编辑完成后，主页面的js中设置了回调函数，最终调用BlogManage/ArticleController的Form函数新增或更新数据。
在这里插入图片描述

  如上图所示，采用layui的栅格布局将新建或编辑文章页面划分为左右两栏，左侧上半部分维护文章标题及摘要，同时调用BlogManage/ArticleController的Thumbnail函数上传文章缩略图，下半部分使用富文本编辑器KindEditor编辑文章正文，并在Form.cshtml调用KindEditor.ready初始化富文本编辑器设置，右侧从上向下维护文章属性，调用BlogManage/CategoryController的List函数和BlogManage/ TagsController的List函数初始化栏目和标签下拉复选框。文章还能设置定时发布，不过暂时没有看出来处理逻辑。
在这里插入图片描述

参考文献：
[1]https://gitee.com/miss_you/Blog
[2]https://layui.dev/docs/2/
[3]https://github.com/hnzzmsf/layui-formSelects

相关文章：

开源博客项目Blog .NET Core源码学习（25：App.Hosting项目结构分析-13）

本文学习并分析App.Hosting项目中后台管理页面的文章管理页面。   文章管理页面用于显示、检索、新建、编辑、删除文章数据，以便在前台页面的首页、文章专栏、文章详情页面显示文章数据。文章管理页面附带一新建及编辑页面，以支撑新建和编辑文章数据。…...

编程日记 2024/5/25 2:42:26

第七节 ConfigurationClassParser 源码分析

tips： ConfigurationClassParser 是 Springframework 中的重要类。 本章主要是源码理解，有难度和深度，也枯燥乏味，可以根据实际情况选择阅读。 位置：org.springframework.context.annotation.ConfigurationClassPars…...

编程日记 2024/5/25 2:41:25

零基础代码随想录【Day42】|| 1049. 最后一块石头的重量 II，494. 目标和，474.一和零

目录 DAY42 1049.最后一块石头的重量II 解题思路&代码 494.目标和 解题思路&代码 474.一和零 解题思路&代码 DAY42 1049.最后一块石头的重量II 力扣题目链接(opens new window) 题目难度：中等 有一堆石头，每块石头的重量都是正整…...

编程日记 2024/5/25 2:39:23

2024-5-24 石群电路-15

2024-5-24，星期五，22:15，天气：晴，心情：晴。今天最后一天上班，终于要放返校假啦，开心！！！！！！不过放假也不能耽误…...

编程日记 2024/5/25 2:38:21

功能测试：核心原理、挑战以及解决之道

在软件开发生命周期中，功能测试占据了至关重要的位置。它是确保软件应用按照既定的要求和规格运行的关键测试阶段。功能测试的目的在于验证软件的功能、行为和用户界面等是否达到了业务需求的标准。本文将深入探讨功能测试的概念，执行过程中可能遇到的挑…...

编程日记 2024/5/25 2:37:20

跨境电商赛道，云手机到底能不能化繁为简？

当下国内电商背景： 从零售额的数据来看：随着互联网的普及和消费者购物习惯的改变，国内电商市场规模持续扩大。据相关数据显示，网络消费亮点纷呈，一季度全国网上零售额达到了3.3万亿元，同比增长12.4%。这表…...

编程日记 2024/5/25 2:36:19

linux：信号深入理解

文章目录 1.信号的概念1.1基本概念1.2信号的处理基本概念1.3信号的发送与保存基本概念 2.信号的产生2.1信号产生的五种方式2.2信号遗留问题(core,temp等) 3.信号的保存3.1 信号阻塞3.2 信号特有类型 sigset_t3.3 信号集操作函数3.4 信号集操作函数的使用 4.信号的处理4.1 信号的…...

编程日记 2024/5/25 2:33:16

Android系统的/etc/mkshrc文件

/etc/mkshrc 文件是用于配置 mksh（MirBSD Korn Shell）环境的启动脚本。mksh 是 Android 默认使用的 shell，在 shell 启动时会读取并执行这个文件中的配置。以下是关于 /etc/mkshrc 文件的详细信息及其用途。 /etc/mkshrc 文件的作用 环境配…...

编程日记 2024/5/25 2:32:15

LeetCode199二叉树的右视图

题目描述 给定一个二叉树的 根节点 root，想象自己站在它的右侧，按照从顶部到底部的顺序，返回从右侧所能看到的节点值。 解析 这一题的关键其实就是找到怎么去得到当前是哪一层级，可以利用队列对二叉树进行层次遍历，但…...

编程日记 2024/5/25 2:31:13

JavaScript 基础

一 JavaScript 的书写形式 1.1 行内式 <input type"button" value"点我一下" onclick"alert(hello akai);" > 注意,JS 中的字符串常量可以用单引号表示,也可以使用双引号表示.HTML 中推荐使用双引号,JS 中推荐使用单引号(使用双引号容易…...

编程日记 2024/5/25 2:29:10

DOS学习-目录与文件应用操作经典案例-type

新书上架~&#x1f447;全国包邮奥~ python实用小工具开发教程http://pythontoolsteach.com/3 欢迎关注我&#x1f446;&#xff0c;收藏下次不迷路┗|&#xff40;O′|┛ 嗷~~ 目录 一.前言 二.使用 三.案例 1. 查看文本文件内容 2. 同时查看多个文本文件内容 3. 合并文…...

编程日记 2024/5/25 2:27:08

QT教程-一，初识QT

目录 一,QT是什么&#xff1f;能够使用它做什么&#xff1f; 二&#xff0c;Qt 能够使用的语言 三&#xff0c;Qt主要用于什么领域&#xff1f; 四&#xff0c;Qt开发的软件 一,QT是什么&#xff1f;能够使用它做什么&#xff1f; Qt是一个跨平台的 C 开发库&#xff0c;主…...

编程日记 2024/5/25 2:26:07

SpringBoot搭建Eureka注册中心

系列文章目录 文章目录 系列文章目录前言前言 前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站，这篇文章男女通用，看懂了就去分享给你的码吧。 1、Spring-Cloud Euraka介绍 Spring-Cloud Euraka是Spring Cloud集合中一…...

编程日记 2024/5/25 2:25:06

day 38 435.无重叠区间 763.划分字母区间 56. 合并区间 738.单调递增的数字 968.监控二叉树

435.无重叠区间 思路 为了使区间尽可能的重叠所以排序来使区间尽量的重叠&#xff0c;使用左边界排序来统计重叠区间的个数与452. 用最少数量的箭引爆气球恰好相反。 代码 class Solution {public int eraseOverlapIntervals(int[][] intervals) {Arrays.sort(intervals,(a,…...

编程日记 2024/5/25 2:23:04

ssm/springoot养老院问诊服务预约系统_96316老年人服务系统

2.管理员&#xff1a; &#xff08;1&#xff09;登入注册页面&#xff1a;管理员进行操作时需要是已注册登入的 &#xff08;2&#xff09;权限管理&#xff1a;管理员登入后可以运用权限进行相应的操作管理。 &#xff08;3&#xff09;用户管理&#xff1a;对用户进行删除、…...

编程日记 2024/5/25 2:22:03

WordPress插件优化对提升性能有多大影响？

WordPress插件优化对提升性能的影响可以是非常显著的。插件是WordPress平台的一个重要组成部分&#xff0c;它们可以增强网站的功能和定制性。然而&#xff0c;如果插件没有经过优化&#xff0c;它们可能会成为网站性能的瓶颈。 通过优化插件&#xff0c;可以减少对服务器资源…...

编程日记 2024/5/25 2:21:01

Servlet的response对象

目录 HTTP响应报文协议 reponse继承体系 reponse的方法 响应行 public void setStatus(int sc) 响应头 public void setHeader(String name, String value) 响应体 public java.io.PrintWriter getWriter() public ServletOutputStream getOutputStream() 请求重定…...

编程日记 2024/5/25 2:20:00

Unity射击游戏开发教程：（20）增加护盾强度

在本文中，我们将增强护盾，使其在受到超过 1 次攻击后才会被禁用。 Player 脚本具有 Shield PowerUp 方法，我们需要调整盾牌在被摧毁之前可以承受的数量，因此我们将声明一个 int 变量来设置盾牌可以承受的击中数量。...

编程日记 2024/5/25 2:18:59

初识C语言——第二十八天

代码练习1&#xff1a; 用函数的方式实现9*9乘法表 void print_table(int n) {int i 0;int j 0;for (i 1; i< n; i){for (j 1; j< i; j){printf("%d*%d%-3d ", i, j, i * j);}printf("\n");}}int main() {int n 0;scanf("%d", &a…...

编程日记 2024/5/25 2:16:57

Android NDK系列（三）输入事件分发到Native层的流程

在Android NDK系列（一）手动搭建Native Project 创建的Native工程中，是可以接收输入事件的，只需在android_main中注册输入事件的处理函数，当触摸屏幕后，handleInputEvent函数便会调用，代码如下。 static int32_t handleInputEvent(struct android_app* app, AInputEvent…...

编程日记 2024/5/25 2:15:56

Kafka之【生产消息】

消息&#xff08;Record&#xff09; 在kafka中传递的数据我们称之为消息&#xff08;message&#xff09;或记录(record)&#xff0c;所以Kafka发送数据前&#xff0c;需要将待发送的数据封装为指定的数据模型&#xff1a; 相关属性必须在构建数据模型时指定&#xff0c;其中…...

编程日记 2024/5/25 2:14:55

asp.net core接入prometheus

安装prometheus和Grafana 参考之前的文章->安装prometheus和Grafana教程 源代码 dotnet源代码 新建.net core7 web项目 修改Program.cs using Prometheus;namespace PrometheusStu01;public class Program {public static void Main(string[] args){var builder We…...

编程日记 2024/5/25 2:13:54

C++ 变量类型与转换

C 变量类型与转换 文章目录 C 变量类型与转换变量int_tsize_t与ssize_tpid_ttime_t typenametypeid关键字类型转换编译期类型转换std::static_cast注意事项运行时类型转换std::dynamic_cast 变量 int_t 它是通过typedef定义的&#xff0c;而不是一种新的数据类型。 - int8_t…...

编程日记 2024/5/25 2:12:53

【杂七杂八】Huawei Gt runner手表系统降级

文章目录 Step1&#xff1a;下载安装修改版华为运动与健康Step2&#xff1a;在APP里进行配置Step3&#xff1a;更新固件(时间会很长) 目前在使用用鸿蒙4 111版本的手表系统&#xff0c;但是感觉睡眠检测和运动心率检测一言难尽&#xff0c;于是想到是否能回退到以前的版本&…...

编程日记 2024/5/25 2:11:52

FMEA做不出来的原因究竟是什么？——FMEA软件

免费试用FMEA软件-免费版-SunFMEA FMEA&#xff08;Failure Mode and Effects Analysis&#xff09;即故障模式与影响分析&#xff0c;是一种旨在识别并预防潜在问题的方法。然而&#xff0c;尽管其重要性被广泛认知&#xff0c;但在实际应用中&#xff0c;却常常遇到FMEA难以…...

编程日记 2024/5/25 2:10:50

pandas ExcelWriter写excel报错openpyxl.utils.exceptions.IllegalCharacterError

一直使用pandas写excel&#xff0c;本次写的数据有大字段&#xff0c;每次写到该字段就报错&#xff0c;代码如下&#xff1a; with pd.ExcelWriter(r".\提数_20240523\tq_type3_doc.xlsx", engineopenpyxl) as writer: df.to_excel(writer,indexFalse, sheet_namesh…...

编程日记 2024/5/25 2:09:49

Golang创建文件夹

方法 package zdpgo_fileimport ("os" )// AddDir 创建文件夹 func AddDir(dir string) error {if !IsExist(dir) {return os.MkdirAll(dir, os.ModePerm)}return nil }测试 package zdpgo_fileimport "testing"func TestAddDir(t *testing.T) {data : […...

编程日记 2024/5/25 2:08:48

头歌OpenGauss数据库-I.复杂查询第5关：至少学了某位学生（Oliver）所学的全部课程的学生

本关任务：根据提供的表和数据，查询至少学了Oliver同学所学的全部课程的其他同学的信息（学号s_id，姓名`s_name）。 student表数据： s_ids_names_sex01Mia女02Riley男03Aria女04Lucas女05Oliver男06Caden男07Lily女08Jacob男course表数据： c_idc_namet_id01Chinese0202Math…...

编程日记 2024/5/25 2:07:47

【数据结构】哈夫曼树和哈夫曼编码

一、哈夫曼树 1.1 哈夫曼树的概念 给定一个序列&#xff0c;将序列中的所有元素作为叶子节点构建一棵二叉树&#xff0c;并使这棵树的带权路径长度最小&#xff0c;那么我们就得到了一棵哈夫曼树&#xff08;又称最优二叉树&#xff09; 接下来是名词解释&#xff1a; 权&a…...

编程日记 2024/5/25 2:06:46

深入探索微软Edge：领略新一代浏览器的无限可能

深入探索微软Edge&#xff1a;领略新一代浏览器的无限可能 在当今数字化时代&#xff0c;网络浏览器已经成为我们日常生活中不可或缺的一部分。而随着技术的不断进步&#xff0c;浏览器的功能和性能也在不断提升。微软Edge作为微软推出的全新一代浏览器&#xff0c;引领着浏览…...

编程日记 2024/5/25 2:04:43