Skip to content

vue配合turn.js将博客做成书的样子!!!

License

Notifications You must be signed in to change notification settings

xzaxza123/creative-blogs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue配合turn.js将博客做成书的样子!!!

示例1

示例2

网站介绍

框架:vue3 -- 虽然说是vue3,但是没有使用vue3的语法糖就是setup,不太熟练

主要插件:turn.js(一个基于jquery用来实现3d翻书效果的插件)

UI框架:Element Plus(使用了少量的组件,例如:模态框、按钮、图片上传等)

富文本编辑器:wangeditor5

服务端API:PHP(对于PHP知识知道的不太多,这个网站只是使用了对于数据库的操作,以及图片的上传)

PHP服务器开发环境:xmapp(本地)

数据库:MySQL

视频介绍一:网站长什么样子

8.22.mp4

视频介绍二:问题所在

8.21.mp4

心得

只要把turn.js这个插件看明白了,这个网站基本上就没问题了,网站中的书本是使用的turn.js官网的一个例子,在下载tuan.js时,文件里面就包含了例子,本来还有很多功能的,但是 因为懒,就没有写更多,尤其是页面的样式,背景啥的,找不到想要的效果图,就没有搞,如果需要进行二次开发,就自行决定添加什么功能吧,源代码可能有一些乱,自认为,因为这是 我第一次写网站,哈哈哈,对于一个还未入世的大学生,体谅一哈...

About

vue配合turn.js将博客做成书的样子!!!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published