php mysql html图书库 毕业设计网页源码

使用HTML,VUE,PHP,MYSQL写的一个简单图书库，实现了简单的数据库增删改查，以及数据列表的展示

源码里包含了前端文件，和api文件，还有数据库表文件

搭建好环境，导入数据库，配置好数据库链接即可直接运行

图书库毕业设计网页源码

<div class=”cont”>
<h1>图书库</h1>

<div class=”cha”>
<input type=”text” v-model=”txt” placeholder=”输入标题关键词”>
<button @click=”getbook()”>查询</button>
<button @click=”inbook=true;subtitle=1″>新增</button>
<button @click=”txt=”;getbook()”>刷新</button>
</div>
<div class=”item i_t”>
<p>书名</p>
<p>简介</p>
<p>作者</p>
<p>操作</p>
</div>
<div class=”item” v-for=”(item,index) in list” v-cloak>
<p class=”overflow”>{{item.title}}</p>
<p class=”overflow”>{{item.content}}</p>
<p class=”overflow”>{{item.auth}}</p>
<p class=”listbtn”>
<span class=”up” @click=”tmp=item;inbook=true;subtitle=0″>修改</span>
<span class=”del” @click=”delbook(item)”>删除</span>
</p>
</div>

</div>
<div class=”inbook” v-if=”inbook”>
<div class=”cont subcont”>
<h2 v-cloak>{{subtitle==1?”新增书籍”:”修改书籍”}}</h2>
<input type=”text” v-model=”tmp.title” placeholder=”请输入书名”>
<input type=”text” v-model=”tmp.content” placeholder=”请输入简介”>
<input type=”text” v-model=”tmp.auth” placeholder=”请输入作者”>
<div class=”sub”>
<button @click=”subtitle==1?setbook():upbook()”>提交</button>
<button class=”close” @click=”inbook=false;tmpnull()”>取消</button>
</div>
</div>
</div>
<div class=”msg” v-if=”msg”>
<div class=”body” v-cloak>{{msg}}</div>
</div>
</div>

//第一步：创建数据连接对象
$mysqli = new MySQLi(“localhost”, “ceshi”, “ceshi”);
//默认的 MySQL的类，其属性与方法见手册
if ($mysqli->connect_error) { //connect_error为属性，报错
die(“数据库连接失败：” . $mysqli->connect_errno . “–” . $mysqli->connect_error);
// connect_errno:错误编号
}
$mysqli->select_db(“ceshi”); //选择数据库
// $mysqli->query(“set names ‘GBK'”);

//第二步：数据库查询，代码如下
// $sql = “select title,contents from news limit 5,5”;
//第三步：执行，显示结果
$res = $mysqli->query($sql) or die($mysqli->error);
// 返回值 $res 为资源类型（获取到结果的资源类型）

if ($type == 1) {
$arr = [];
while ($row = $res->fetch_assoc()) {
array_push($arr, $row);
}
return $arr;
$res->free();
} else {
return $res;