【完结】java基于vue，MongoDB的随机点名带头像功能

最新推荐文章于 2024-01-17 20:44:05 发布

bug窝

最新推荐文章于 2024-01-17 20:44:05 发布

阅读量381

点赞数 1

分类专栏： MongoDB 小白起步文章标签： vue mongodb

本文链接：https://blog.csdn.net/baidu_39037885/article/details/111060548

版权

今天突发奇想，结合之前前后端分离项目，做出一个随机点名小程序，结果中涂调了5个小时（我太菜了）
话不多数正式开始，首先是后端代码，基本和上一篇博客差别不大

【总结】基于Vue，springboot，MongoDB的简单前后端分离，

只是加了一个img属性，真正存还是在项目static下。

第一版前端代码，首先不能用size去查看数组大小，

var rand = Math.floor(Math.random()*app.$data.userlist.size);

修改后

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery(1)/jquery.min.js"></script>
    <script src="vue(1)/vue.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

</head>
<body>
 <div id="app">
    <table class="table table-striped">


                <img :src="uimg">
               <p>{
   {
   uname}}</p>
    </table>
     <div>

最低0.47元/天解锁文章

bug窝

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【完结】java基于vue，MongoDB的随机点名带头像功能

Title <img :src="uimg"> <p>{{uname}}</p></table> <div> <button v-on:click="randselect()">点我</button> </div>
复制链接

扫一扫