项目介绍:
前后端分离的个人图床管理网站--前端部分
项目演示地址:点击访问
后端仓库地址:Github_ImgsUrlAdmin
技术栈:
前后端分离练手项目:.Net + Vue
前端项目主体使用Vue2.0框架、Axios发送请求、Element-ui处理样式;
后端使用.Net WebApi提供业务交互接口,EF6进行数据库交互,Identity进行身份验证;
PS:后端程序及数据库结构会在后期进行上传。
开发中的问题:
Axios会发送OPTIONS预检请求,导致跨域问题。处理方式:后端做Options处理,直接允许通过返回200;应该有更妥善的处理方法。
封装的Axios方法,对API进行请求时,会由不同的Content-Type造成请求出错。后来直接使用了Axios,可以对封装方法进行优化。
整个项目过程请求交互问题处理内容会多一些,其他的UI参考Element官方文档简单解决。
功能介绍:
1.上传图片生成访问URL
2.后台管理
2.1系统参数设置
上传数量总量限制.
游客上传数量限制.
文件格式.
文件大小.
...
其他系统设置.
2.2
图片管理(图片信息查看、删除)
列表管理(缩略图、原图进行区分,优化使用体验)
3.其他
登陆后两小时身份失效需重新登录
登陆后上传数量无限制
项目使用:
--安装依赖 npm install
--运行项目 npm run serve
--打包项目 npm run build