完善登录页面

This commit is contained in:
陈淳
2022-10-12 14:20:03 +08:00
parent 24cda70cbc
commit 4a54eb56a7
34 changed files with 353 additions and 54 deletions

Binary file not shown.

View File

@@ -277,27 +277,27 @@
文件 文件
</summary> </summary>
</member> </member>
<member name="M:Yi.Framework.ApiMicroservice.Controllers.FileController.#ctor(Yi.Framework.Interface.IUserService,Microsoft.Extensions.Hosting.IHostEnvironment)"> <member name="M:Yi.Framework.ApiMicroservice.Controllers.FileController.#ctor(Yi.Framework.Interface.IFileService,Microsoft.Extensions.Hosting.IHostEnvironment)">
<summary> <summary>
使用本地存储,未进行数据库记录 文件上传下载
</summary> </summary>
<param name="iUserService"></param> <param name="iFileService"></param>
<param name="env"></param> <param name="env"></param>
</member> </member>
<member name="M:Yi.Framework.ApiMicroservice.Controllers.FileController.Get(System.String,System.String)"> <member name="M:Yi.Framework.ApiMicroservice.Controllers.FileController.Get(System.Int64)">
<summary> <summary>
文件下载 文件下载,只需用文件code即可
</summary> </summary>
<param name="type"></param> <param name="code"></param>
<param name="fileName"></param>
<returns></returns> <returns></returns>
</member> </member>
<member name="M:Yi.Framework.ApiMicroservice.Controllers.FileController.Upload(System.String,Microsoft.AspNetCore.Http.IFormFile)"> <member name="M:Yi.Framework.ApiMicroservice.Controllers.FileController.Upload(System.String,Microsoft.AspNetCore.Http.IFormFileCollection,System.String)">
<summary> <summary>
文件上传 文件上传,type可空默认上传至File文件夹下swagger返回雪花id精度是有问题的
</summary> </summary>
<param name="type"></param> <param name="type">文件类型,可空</param>
<param name="file"></param> <param name="file">多文件表单</param>
<param name="remark">描述</param>
<returns></returns> <returns></returns>
</member> </member>
<member name="M:Yi.Framework.ApiMicroservice.Controllers.LogController.Add"> <member name="M:Yi.Framework.ApiMicroservice.Controllers.LogController.Add">

View File

@@ -2,15 +2,18 @@
using Microsoft.AspNetCore.Http; using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc; using Microsoft.AspNetCore.Mvc;
using Microsoft.Extensions.Hosting; using Microsoft.Extensions.Hosting;
using SqlSugar;
using System; using System;
using System.Collections.Generic; using System.Collections.Generic;
using System.Globalization; using System.Globalization;
using System.IO; using System.IO;
using System.Linq; using System.Linq;
using System.Threading.Tasks; using System.Threading.Tasks;
using Yi.Framework.Common.Const;
using Yi.Framework.Common.Enum; using Yi.Framework.Common.Enum;
using Yi.Framework.Common.Models; using Yi.Framework.Common.Models;
using Yi.Framework.Interface; using Yi.Framework.Interface;
using Yi.Framework.Model.Models;
using Yi.Framework.WebCore; using Yi.Framework.WebCore;
namespace Yi.Framework.ApiMicroservice.Controllers namespace Yi.Framework.ApiMicroservice.Controllers
@@ -22,40 +25,41 @@ namespace Yi.Framework.ApiMicroservice.Controllers
[ApiController] [ApiController]
public class FileController : ControllerBase public class FileController : ControllerBase
{ {
private IUserService _iUserService; private IFileService _iFileService;
private readonly IHostEnvironment _env; private readonly IHostEnvironment _env;
/// <summary> /// <summary>
/// 使用本地存储,未进行数据库记录 /// 文件上传下载
/// </summary> /// </summary>
/// <param name="iUserService"></param> /// <param name="iFileService"></param>
/// <param name="env"></param> /// <param name="env"></param>
public FileController(IUserService iUserService, IHostEnvironment env) public FileController(IFileService iFileService, IHostEnvironment env)
{ {
_iUserService = iUserService; _iFileService = iFileService;
_env = env; _env = env;
} }
/// <summary> /// <summary>
/// 文件下载 /// 文件下载,只需用文件code即可
/// </summary> /// </summary>
/// <param name="type"></param> /// <param name="code"></param>
/// <param name="fileName"></param>
/// <returns></returns> /// <returns></returns>
[Route("/api/file/{type}/{fileName}")] [Route("/api/file/{code}")]
[HttpGet] [HttpGet]
public IActionResult Get(string type, string fileName) public async Task<IActionResult> Get(long code)
{ {
type = CultureInfo.CurrentCulture.TextInfo.ToTitleCase(type.ToLower()); var file = await _iFileService._repository.GetByIdAsync(code);
if (!Enum.IsDefined(typeof(PathEnum), type)) if (file is null)
{ {
return new NotFoundResult(); return new NotFoundResult();
} }
try try
{ {
var path = Path.Combine($"wwwroot/{type}", fileName); //路径为: 文件路径/文件id+文件扩展名
var path = Path.Combine($"{PathConst.wwwroot}/{file.FilePath}", file.Id.ToString()+ Path.GetExtension(file.FileName));
var stream = System.IO.File.OpenRead(path); var stream = System.IO.File.OpenRead(path);
var MimeType = Common.Helper.MimeHelper.GetMimeMapping(fileName); var MimeType = Common.Helper.MimeHelper.GetMimeMapping(file.FileName);
return new FileStreamResult(stream, MimeType); return File(stream, MimeType, file.FileName);
} }
catch catch
{ {
@@ -64,28 +68,63 @@ namespace Yi.Framework.ApiMicroservice.Controllers
} }
/// <summary> /// <summary>
/// 文件上传 /// 文件上传,type可空默认上传至File文件夹下swagger返回雪花id精度是有问题的
/// </summary> /// </summary>
/// <param name="type"></param> /// <param name="type">文件类型,可空</param>
/// <param name="file"></param> /// <param name="file">多文件表单</param>
/// <param name="remark">描述</param>
/// <returns></returns> /// <returns></returns>
[Route("/api/Upload/{type}")] [Route("/api/file/Upload/{type?}")]
[HttpPost] [HttpPost]
public async Task<Result> Upload(string type,IFormFile file) public async Task<Result> Upload([FromRoute] string? type, [FromForm] IFormFileCollection file,[FromQuery] string? remark)
{ {
type = CultureInfo.CurrentCulture.TextInfo.ToTitleCase(type.ToLower()); if (type is null)
if (!Enum.IsDefined(typeof(PathEnum), type))
{ {
return Result.Error("上传失败!文件类型不存在!"); type = PathEnum.File.ToString();
} }
else
{
type = CultureInfo.CurrentCulture.TextInfo.ToTitleCase(type!.ToLower());
if (!Enum.IsDefined(typeof(PathEnum), type))
{
//后续类型可从字典表中获取
return Result.Error("上传失败!文件类型不支持!");
}
}
if (file.Count() == 0)
{
return Result.Error("未选择文件");
}
//批量插入
List<FileEntity> datas = new();
//返回的codes
List<long> codes = new();
try try
{ {
string filename = Guid.NewGuid().ToString() + Path.GetExtension(file.FileName); foreach (var f in file)
using (var stream = new FileStream(Path.Combine($"wwwroot/{type}", filename), FileMode.CreateNew, FileAccess.Write))
{ {
await file.CopyToAsync(stream); FileEntity data = new();
data.Id = SnowFlakeSingle.Instance.NextId();
data.FileSize = ((decimal)f.Length) / 1024;
data.FileName = f.FileName;
data.FileType = Common.Helper.MimeHelper.GetMimeMapping(f.FileName);
data.FilePath = type;
data.Remark = remark;
data.IsDeleted = false;
//落盘文件文件名为雪花id+自己的扩展名
string filename = data.Id.ToString() + Path.GetExtension(f.FileName);
using (var stream = new FileStream(Path.Combine($"{PathConst.wwwroot}/{type}", filename), FileMode.CreateNew, FileAccess.Write))
{
await f.CopyToAsync(stream);
}
//将文件信息添加到数据库
datas.Add(data);
codes.Add(data.Id);
} }
return Result.Success().SetData(filename); return Result.Success().SetData(codes).SetStatus(await _iFileService._repository.InsertRangeAsync(datas));
} }
catch catch
{ {

Binary file not shown.

After

Width:  |  Height:  |  Size: 320 KiB

View File

@@ -0,0 +1,60 @@
全套CI持续集成流程
1、用户在cf-site前端文本框输入必要信息
2、cf-site前端调用git-cli接口
3、检测用户是否存在如果不存在就创建git用户
4、创建对应仓库并附上对应组织关系
5、创建仓库附上devtestmain等分支
6、给git用户附上对应权限
7、本地服务器git秘钥进行存储
8、 进入临时代码文件夹: cd 临时文件
9、克隆远程空仓库git clone git@gitlab.hymson.com.cn:root/test1.git
10、进入仓库项目目录cd 进入项目
11、选择分支git switch -c dev
12、远程调用cf-cli脚手架将模板文件cli生成
13、解压模板文件并将文件以特定格式移动到特定位置
14、本地上载全部更新git add .
15、添加上传描述git commit -m "building"
16、更新远程仓库git push -u origin main
17、删除临时文件夹
18、返回前端仓库地址
全套CD持续部署流程
1、密钥连接jenkins
2、远程调用cf-cli Job模板生文件
3、cf-cli 根据ci的流程返回的参数来Job生成模板
4、修改仓库url
5、修改job的name
6、修改job的启动项目文件
7、创建Cd jenkins job在对应视图中
8、上传特定job
9、触发job
10、浏览线上网址
CI合并CD最终返回 仓库地址+线上地址 、 Consul服务注册发现地址确认服务存活状态

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 460 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 460 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 460 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 460 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 460 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 320 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 460 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 320 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 460 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

View File

@@ -0,0 +1,9 @@
using Yi.Framework.Model.Models;
using Yi.Framework.Repository;
namespace Yi.Framework.Interface
{
public partial interface IFileService:IBaseService<FileEntity>
{
}
}

View File

@@ -0,0 +1,82 @@
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text.Json.Serialization;
using SqlSugar;
namespace Yi.Framework.Model.Models
{
/// <summary>
/// 文件表
///</summary>
[SugarTable("File")]
public partial class FileEntity:IBaseModelEntity
{
public FileEntity()
{
this.CreateTime = DateTime.Now;
}
[JsonConverter(typeof(ValueToStringConverter))]
[SugarColumn(ColumnName="Id" ,IsPrimaryKey = true )]
public long Id { get; set; }
/// <summary>
/// 文件类型
///</summary>
[SugarColumn(ColumnName="FileType" )]
public string FileType { get; set; }
/// <summary>
/// 文件大小
///</summary>
[SugarColumn(ColumnName="FileSize" )]
public decimal? FileSize { get; set; }
/// <summary>
/// 文件名
///</summary>
[SugarColumn(ColumnName="FileName" )]
public string FileName { get; set; }
/// <summary>
/// 文件路径
///</summary>
[SugarColumn(ColumnName="FilePath" )]
public string FilePath { get; set; }
/// <summary>
/// 创建者
///</summary>
[SugarColumn(ColumnName="CreateUser" )]
public long? CreateUser { get; set; }
/// <summary>
/// 创建时间
///</summary>
[SugarColumn(ColumnName="CreateTime" )]
public DateTime? CreateTime { get; set; }
/// <summary>
/// 修改者
///</summary>
[SugarColumn(ColumnName="ModifyUser" )]
public long? ModifyUser { get; set; }
/// <summary>
/// 修改时间
///</summary>
[SugarColumn(ColumnName="ModifyTime" )]
public DateTime? ModifyTime { get; set; }
/// <summary>
/// 是否删除
///</summary>
[SugarColumn(ColumnName="IsDeleted" )]
public bool? IsDeleted { get; set; }
/// <summary>
/// 租户Id
///</summary>
[SugarColumn(ColumnName="TenantId" )]
public long? TenantId { get; set; }
/// <summary>
/// 排序字段
///</summary>
[SugarColumn(ColumnName="OrderNum" )]
public int? OrderNum { get; set; }
/// <summary>
/// 描述
///</summary>
[SugarColumn(ColumnName="Remark" )]
public string Remark { get; set; }
}
}

View File

@@ -0,0 +1,14 @@
using SqlSugar;
using Yi.Framework.Interface;
using Yi.Framework.Model.Models;
using Yi.Framework.Repository;
namespace Yi.Framework.Service
{
public partial class FileService : BaseService<FileEntity>, IFileService
{
public FileService(IRepository<FileEntity> repository) : base(repository)
{
}
}
}

View File

@@ -3,7 +3,7 @@ import myaxios from '@/utils/myaxios.ts'
export default{ export default{
upload(type:string,data:any){ upload(type:string,data:any){
return myaxios({ return myaxios({
url: `/upload/${type}`, url: `/file/upload/${type}`,
headers:{"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"}, headers:{"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"},
method: 'POST', method: 'POST',
data:data data:data

View File

@@ -5,6 +5,7 @@
<div class="div-bottom"> <div class="div-bottom">
<!-- <van-field v-model="value" label="文本" placeholder="请输入用户名" /> --> <!-- <van-field v-model="value" label="文本" placeholder="请输入用户名" /> -->
</div> </div>
真不错
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import {ref} from 'vue'; import {ref} from 'vue';

View File

@@ -79,7 +79,7 @@ import AppCreateTime from "@/components/AppCreateTime.vue";
import articleApi from "@/api/articleApi.ts"; import articleApi from "@/api/articleApi.ts";
import { ArticleEntity } from "@/type/interface/ArticleEntity.ts"; import { ArticleEntity } from "@/type/interface/ArticleEntity.ts";
const VanImagePreview = ImagePreview.Component; const VanImagePreview = ImagePreview.Component;
const url = `${import.meta.env.VITE_APP_BASE_API}/file/image/`; const url = `${import.meta.env.VITE_APP_BASE_API}/file/`;
const data = reactive({ const data = reactive({
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,

View File

@@ -1,18 +1,100 @@
<template > <template>
<div class="div-top">
<span class="title">农夫山泉</span>
<br>
<span class="subtitle">农夫山泉有点甜</span>
</div>
<div class="div-bottom">
<h5>密码登录</h5>
<van-field class="van-field-username" v-model="value" label="文本" placeholder="请输入用户名" />
<van-field class="van-field-password" v-model="value" label="文本" placeholder="请输入密码" />
<van-button type="primary">进入农夫山泉</van-button>
<p>其他方式登录<van-icon name="arrow" /></p>
<van-row style="margin-top: 6rem;" >
<van-col span="24"><p> 第三方登录</p></van-col>
<van-col span="3"></van-col>
<van-col span="6"><van-icon name="like" size="2rem" /></van-col>
<van-col span="6"><van-icon name="like" size="2rem" /></van-col>
<van-col span="6"><van-icon name="like" size="2rem"/></van-col>
<van-col span="3"></van-col>
</van-row>
</div>
<van-row class="test ">
<van-col span="24">
这里是广场
</van-col>
</van-row>
<van-col span="24"></van-col>
</template> </template>
<style scoped> <script setup lang="ts">
</style> import {ref} from 'vue';
<script lang="ts" setup> const value=ref("")
import {ref} from 'vue'
</script> </script>
<style scoped>
.div-top{
background-color: aqua;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 60%;
}
.div-bottom{
background-color: bisque;
position:absolute;
top: 25%;
left: 0;
right: 0;
bottom: 0;
border-radius: 3rem 3rem 0rem 0rem;
padding: 1rem 2rem 2rem 2rem;
/* min-height: 70%; */
}
.title{
position: absolute;
top: 15%;
transform: translateX(-50%);
font-size: 1.8rem;
font-weight: bolder;
}
.subtitle
{
transform: translateX(-50%);
position: absolute;
top: 30%;
font-weight:lighter;
}
.van-field-username
{
margin-top:2rem;
}
.van-field-password
{
margin-top: 1rem;
}
h5{
text-align: left;
font-size: 1.2rem;
font-weight: bolder;
}
.div-bottom .van-button
{
margin-top: 1rem;
width: 100%;
border-radius: 0.4rem;
}
.div-bottom p{
text-align: center;
};
.row-bottom{
}
</style>

View File

@@ -66,13 +66,25 @@ onMounted(() => {
visible.value = true; visible.value = true;
}); });
const afterRead = (file: any) => { const afterRead = (file: any) => {
file.status = "uploading"; file.status = "uploading";
file.message = "上传中..."; file.message = "上传中...";
var formData = new FormData(); var formData = new FormData();
formData.append("file", file.file); //一个文件
if(file.length==undefined)
{
formData.append("file", file.file);
}
else
{
//多个文件
file.forEach((f:any) => {
formData.append("file", f.file);
});
}
fileApi.upload("image", formData) fileApi.upload("image", formData)
.then((response: any) => { .then((response: any) => {
images.value.push(response.data); images.value.push(...response.data);
file.status = "done"; file.status = "done";
file.message = "成功"; file.message = "成功";
}) })