博客文章

630 篇文章

DADealiAxy

StarBlog博客开发笔记:上传图片功能

后端实现,前端的后面说 可以先在swagger里测试 ImageSharp组件文档:https://docs.sixlabors.com/articles/imagesharp/gettingstarted.html service private string GetPhotoFilePath(Photo photo) { return Path.Combine(_environment

02-22
2022-02-28
40
StarBlog博客开发笔记
DADealiAxy

StarBlog博客开发笔记:前端开发(4)之FontAwesome图标

在现代前端开发中,图标已成为构建用户友好界面的重要元素。Font Awesome 是全球最流行的图标库之一,提供了大量的矢量图标,支持多种平台和框架。无论是网站、应用程序,还是管理面板,Font Awesome 都能帮助开发者轻松地为界面增添直观且易于识别的视觉元素。

02-20
2025-02-13
1312
StarBlog前端开发-Vue
DADealiAxy

StarBlog博客开发笔记:前端开发(8)之vuex与状态管理

状态管理 在很多应用场景下,我们需要在组件之间共享状态,比如我们的左侧导航栏需要收缩和展开的功能,收缩状态时宽度很小,只显示菜单图标,因为导航菜单栏收缩之后宽度变了,所以右侧的主内容区域要占用导航栏收缩的空间,主内容区域宽度也要根据导航栏的收缩状态做变更,而导航栏和主内容区域是两个不同的组件,而非父子组件之间不支持状态传递,所以组件之间的状态共享问题发生了。 之前我写flutter的时候,响应式设

02-20
2023-07-14
6221
StarBlog前端开发-Vue
DADealiAxy

StarBlog博客开发笔记:前端开发(7)之主页面

界面设计 按照ElementUI提供的布局来 左边是导航栏,右边上方是标签页,然后是主内容区 如图 二级类目 开始写代码 主页面的内容已经比较复杂了,全部写在一个文件内不现实 我们来分解一下 根据这个布局,页面可以分为头部、主体、左侧导航栏三部分 所以我来新建三个vue页面 HeaderBar.vue Navbar.vue MainContent.vue 完成之后目录结构如下 views ├──

02-20
2023-07-14
4193
StarBlog前端开发-Vue
DADealiAxy

StarBlog博客开发笔记:前端开发(6)之登录页面

前言 前端开发的准备工作在前面已经完成了,接下来就要开启写页面(Copy/Paste)操作了~ 用ElementUI写页面很简单,对照着官网文档代码一顿复制粘贴就完事了。 写代码 没啥好说的,直接代码 布局 template el-form :model=loginForm :rules=fieldRules ref=loginForm label-position=left label-wi

02-20
2023-07-14
4978
StarBlog前端开发-Vue
DADealiAxy

StarBlog博客开发笔记:前端开发(5)之axios网络请求封装

安装axios axios是一个基于Promise用于浏览器和Node.js的HTTP客户端,我们后续需要用来发送HTTP请求,先来记录一下axios的安装和使用。 安装命令 yarn add axios 写代码 修改一下src/views/Home.vue 首先布局改一下 template div class=page h2Home Page/h2 el-alert

02-20
2025-03-27
3605
StarBlog前端开发-Vue
64 页,共 105
每页: