GithubHelp home page GithubHelp logo

xzaxza123 / creative-blogs Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 18.92 MB

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

License: MIT License

JavaScript 56.45% HTML 0.28% Vue 31.71% CSS 3.26% Less 3.36% PHP 4.94%
mysql php turn vue

creative-blogs's Introduction

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时,文件里面就包含了例子,本来还有很多功能的,但是 因为懒,就没有写更多,尤其是页面的样式,背景啥的,找不到想要的效果图,就没有搞,如果需要进行二次开发,就自行决定添加什么功能吧,源代码可能有一些乱,自认为,因为这是 我第一次写网站,哈哈哈,对于一个还未入世的大学生,体谅一哈...

creative-blogs's People

Contributors

xzaxza123 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.