Vue-book一个关于书的简单的全栈项目~GitHub地址(觉得不错的给个star吧^_^)说明前端:Vue.js+Vuex+Webpack2后端:php+MySQL本项目实现了一些简单的功能。后台可输入输出图书(扫码或手动),前台显示输入的图书。具体请看下面的实现逻辑图。我在自己的服务器上搭建了这个项目,但是目前不方便给后台登录的链接,只给前台的链接。本项目只针对移动端,所以最好在手机上查看链接^_^前台LinkBuildSetup#installdependenciesnpminstall#servewithhotreloadatlocalhost:8080npmrundev#buildforproductionwithminificationnpmrunbuild我用于本地测试的服务器是WAMPServer。为了方便大家阅读源码,我列出了一些前后端数据交互比较重要的接口,供大家参考!(点我查看)项目目录说明Vue-book目录├──backend#存放后台或后端文件|├──css#存放背景样式文件|├──login.css#登录后台页面样式|├──manage.css#后台运行页面部分样式|├──manual.css#后台手动操作样式|└──scan.css#后台扫描操作的样式|├──database_details.sql#生成指定的数据库和表|├──getdata.php#前端获取数据时的后端脚本|├──js#存放后台脚本文件|├──manage.js#进入管理界面的效果脚本|├──manual.js#后台操作脚本|└──scan.js#后台扫描运行脚本|├──login.html#后台登录页面|├──manage.php#后台登录成功返回管理页面|└──操作。php#定义后台运行和数据库交互的逻辑├──src#存放前端源码|├──app.vue#根组件|├──common#存放常用脚本或样式|└──getdata.js#前端脚本从后端获取数据|├──components#存放各种组件|├──book-card.vue#书籍详情|├──book-item.vue#图书简介|├──container.vue#大容器|├──content.vue#内容块|├──header.vue#页眉|├──loading.vue#loading|├──menu.vue#左侧菜单栏|└──overlay.vue#叠加|├──fonts#存放字体相关的文件|├──font.css#CSS导入字体|├──icomoon.eot|├──icomoon.svg|├──icomoon.ttf|├──icomoon.woff|└──title.ttf![图片上传中...]|├──main.js#程序入口文件|├──路由器#路由|└──routes.js#定义路由文件|└──vuex#Vuex状态管理|└──store.js#statescript├──index.html├──package.json#配置项目相关信息├──webpack.config.js#Webpack配置相关信息├──README.md待解决切换内容页面时,移动端默认滚动到内容(content.vue)顶部侧面,下滑显示全屏,上滑退出全屏安全问题,防止SQL注入(operate.php)CSS、js文件合并压缩(后台页面manage.php)LicenseMITLicense
