20220721_JavaWeb_利用Vue框架进行数据库查询添加操作

最新推荐文章于 2023-09-20 17:45:56 发布

VIP文章 PeterWarne

最新推荐文章于 2023-09-20 17:45:56 发布

阅读量816

点赞数 1

分类专栏： JavaWeb 数据库文章标签： vue.js 数据库 javascript

本文链接：https://blog.csdn.net/ClarkGable/article/details/125922094

版权

在本贴基础上改进点击这里
js包下引入Vue.js文件
请添加图片描述
查询html使用vue后代码简化为

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <a href="addBrand.html"><input type="button" value="新增"></a><br>
    <hr>
    <table id="brandTable" border="1" cellspacing="0" width="100%">
        <tr align="center">
            <th>序号</th>
            <th>品牌名称</th>
            <th>企业名称</th>
            <th>排序</th>
            <th>品牌介绍</th>
            <th>状态</th>
            <th>操作</th>
        </tr>

        <!--use v-for iterate brands[]-->
        <tr v-for="(brand,i) in brands" align="center">
            <td>{
  {i+1}}</td>
            <td>{
  {brand.brandName}}</td>
            <td>{
  {brand.companyName}}</td>
            <td>{
  {brand.ordered}}</td>
            <td>{
  {brand.description}}</td>
            <td>{
  {brand.statusStr}}</td>
            <td><a href="#">修改</a