一个基于vue的nuxt框架开源图片管理网站,前后端分离

发布时间:2019-05-28 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了一个基于vue的nuxt框架开源图片管理网站,前后端分离脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

Secdra

展示地址:http://www.secdra.com/
web前端代码地址:https://github.com/JunJieFu/s...
mobile前端代码地址:https://github.com/JunJieFu/s...
spring boot后台接口代码:https://github.com/JunJieFu/s...

简述

一个类似pixiv(下称p站)的网站,项目实现基于vue的ssr框架nuxt,使用es6和less,除了popper和cropperjs没有借助第三方UI组件,所有UI组件参考element-ui造轮子。
项目大致基于vue-cli初始化,需求分析,设计具体风格,规划目录结构,开撸。
项目大体实现功能是登录注册,上传图片,收藏图片,关注用户,评论回复,修改各种信息等。
还有,样式部分只考虑了chrome浏览器,若在其他浏览器上存在样式错乱的问题请移步chrome内核的浏览器 项目api来源于secdra,完全实现前后端分离。
图片来源p站,通过Pxer采集到七牛云上。
前端代码利用es6实现,样式使用less。
后台主要是使用了spring boot框架,原因是个人比较喜欢aop开发模式,语言不是使用java而是使用了kotlin,kotlin这门语言比java更加优雅和简洁,能很好的处理空指针错误

登录方式

虽然注册接口已经开发完毕,但是并没有对外开放,所有目前的账号密码先由本人提供
已初始化50个账号,手机号码分别是1-50,密码为123456

前端

语言:javascript
框架:nuxt
主要第三方功能组件:cropperjs popper.js
技术栈:Less Vuex Vue-Router Axios
编辑器:webstrom

后台

语言:kotlin
框架:spring boot
Orm:jpa
数据库:mysql redis
图片存储:七牛云

服务器

系统:CentOS
运行环境:node.js java
服务器:nginx node tomcat
进程管理:pm2

预览

一个基于vue的nuxt框架开源图片管理网站,前后端分离

一个基于vue的nuxt框架开源图片管理网站,前后端分离

一个基于vue的nuxt框架开源图片管理网站,前后端分离

脚本宝典总结

以上是脚本宝典为你收集整理的一个基于vue的nuxt框架开源图片管理网站,前后端分离全部内容,希望文章能够帮你解决一个基于vue的nuxt框架开源图片管理网站,前后端分离所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:es6Vue