web实验

已于 2023-04-23 18:04:57 修改
阅读量64 收藏
点赞数
文章标签： 前端 html css
于 2023-04-23 16:24:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_68895152/article/details/130324320
版权

1.实验4

        1. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-3.5.1.min.js"></script>
    <style>
        table{
            
            border-collapse: collapse;
            margin: auto;
        }
        td{
            width: 150px;
            height: 40px;
            border: 1px solid black;
            text-align: center;
        }
        #aa{
            margin-top: 50px;
        }
        .odd{
            background-color: rgb(206, 206, 74);
        }
        .orange{
            background-color: orange;
        }
    </style>
</head>
<body>
    <div id="aa">
        <table>
            <tr>
                <td></td>
                <td>姓名</td>
                <td>性别</td>
                <td>暂住地</td>
            </tr>
            <tr>
                <td><input type="radio"></td>
                <td>张三</td>
                <td>男</td>
                <td>四川成都</td>
            </tr>
            <tr>
                <td><input type="radio"></td>
                <td>李四</td>
                <td>女</td>
                <td>四川绵阳</td>
            </tr>
            <tr>
                <td><input type="radio"></td>
                <td>王五</td>
                <td>男</td>
                <td>四川南充</td>
            </tr>
            <tr>
                <td><input type="radio"></td>
                <td>赵六</td>
                <td>男</td>
                <td>四川自贡</td>
            </tr>
        </table>
    </div>
    
    <script>
        var inputs = $("input");
        var trs = $("tr");
        console.log(inputs);
        console.log(trs);
        for(var i=0;i<inputs.length;i++){
            var input = inputs[i];
            if(i%2==0){
                var v1 = $(input).parent().parent();
                //console.log(v1);
                var v = v1[0];
                //console.log(v);
                $(input).parent().parent().addClass("odd");
            }
            
            input.onclick=function(){
                
                for (var i = 0; i < inputs.length; i++) {
                    console.log($(inputs[i]).parent().parent()[0]);
                     $(inputs[i]).parent().parent().removeClass("orange");
                }
                if($(this).prop('checked')){
                    console.log(this.checked);
                    //alert("q");
                    //$(this).parent().parent().css('background-color','orange')
                    $(this).parent().parent().addClass('orange');
                }else{
                    $(this).removeAttr("checked");
                    $(this).removeClass('orange');
                }
                
                //$(this).prop('checked',!bool1)
                
            }
        }
    </script>
</body>
</html>

2.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="jquery-3.5.1.min.js"></script>
    <title>Document</title>
    <style>
        table{
            
            border-collapse: collapse;
            margin: auto;
        }
        td{
            width: 150px;
            height: 40px;
            border: 1px solid black;
            text-align: center;
        }
        .odd{
            background-color: rgb(206, 206, 74);
        }
        .input{
            margin-left: 450px;
            margin-bottom: 50px;
        }
    </style>
</head>
<body>
    <div id="aa">
        <div class="input">
            <input type="text" id="input">
            <input type="button" value="查询" id="btn">
        </div>
        <table>
            <tr>
                <td></td>
                <td>姓名</td>
                <td>性别</td>
                <td>暂住地</td>
            </tr>
            <tr>
                <td><input type="radio"></td>
                <td>张三</td>
                <td>男</td>
                <td>四川成都</td>
            </tr>
            <tr>
                <td><input type="radio"></td>
                <td>李四</td>
                <td>女</td>
                <td>四川绵阳</td>
            </tr>
            <tr>
                <td><input type="radio"></td>
                <td>王五</td>
                <td>男</td>
                <td>四川南充</td>
            </tr>
            <tr>
                <td><input type="radio"></td>
                <td>赵六</td>
                <td>男</td>
                <td>四川自贡</td>
            </tr>
        </table>
    </div>

    <script>
        var $tr = $("tr");
        $tr.each(function (index) {
            if(index % 2 == 0)
                $(this).addClass("odd");
        })
        var $btn = $("#btn");
        $btn.click(
            function(){
                var $trs = $("tr");
                var info = $('#input')[0].value;
                for(var i = 1 ;i < $trs.length ;i++){
                    var name = $($trs[i]).children('td')[1];
                    for(var j = 0;j < info.length;j++){
                        if( info[j] !== name.innerHTML.charAt(j))
                        {
                            console.log(info[j]);
                            console.log(name.innerHTML.charAt(j));
                            $($trs[i]).css('display','none');
                            break;
                        }else{
                            $($trs[i]).css('display', '');
                        }
                    }
                }
            }
        )
    </script>
</body>
</html>

 3.

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-3.5.1.min.js"></script>
</head>
<body>
    <form action="">
        <select id="province">
            <option>请选择...</option>
            <option>江苏</option>
            <option>浙江</option>
            <option>四川</option>
            <option>河北</option>
        </select>
        <select id="city">
            <option>请选择...</option>
            <option>请选择...</option>
            <option>请选择...</option>
            <option>请选择...</option>
        </select>
    </form>
    <script>
        var $provinces = $('#province');
        //console.log($provinces);
        //var index = $provinces[0].selectedIndex;
        //console.log(index);
        var $city = $('#city');
        var city = [[],["苏州","南京"],  ["杭州", "宁波"], ["成都", "绵阳"], ["石家庄", "保定"]]
        
        $provinces.change(
            function(){
                var index = $provinces[0].selectedIndex;
                $city.empty();
                var select = $("<option>请选择...</option>");
                $city.append(select);
                for(var j=0;j<city[index].length;j++){
                     select = $("<option></option>");
                     select[0].innerHTML = city[index][j];
                     $city.append(select);
                }
            }
        )
    </script>
</body>
</html>

4.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-3.5.1.min.js"></script>
    <style>
         table{
            
            border-collapse: collapse;
            margin: auto;
        }
        td{
            width: 150px;
            height: 40px;
            border: 1px solid black;
            text-align: center;
        }
        #bt{
            width: 150px;
            margin: auto;
        }
        #inputs{
            width: 700px;
            
            margin: auto;
            margin-top: 50px;
            margin-bottom: 20px;
        }
        #submit{
            margin: auto;
            width: 50px;
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <div id="bt">
        添加新员工
    </div>
    <div id="inputs">
        name:<input type="text">
        email:<input type="text">
        salary:<input type="text">
    </div>
    <div id="submit">
        <input type="button" value="提交" >
    </div>
    <div id="aa">
        <table>
            <tr>
                <td>Name</td>
                <td>Eamil</td>
                <td>Salary</td>
                <td>删除</td>
            </tr>
            <tr>
                <td>Tom</td>
                <td>Tom@qq.com</td>
                <td>10000</td>
                <td><input type="button" value="Delete"></td>
            </tr>
            <tr>
                <td>Jerry</td>
                <td>Jerry@qq.com</td>
                <td>20000</td>
                <td><input type="button" value="Delete"></td>
            </tr>
            <tr>
                <td>Jack</td>
                <td>Jack@qq.com</td>
                <td>40000</td>
                <td><input type="button" value="Delete"></td>
            </tr>
            <tr>
                <td>Mike</td>
                <td>Mike@qq.com</td>
                <td>80000</td>
                <td><input type="button" value="Delete"></td>
            </tr>
        </table>
    </div>
    <script>
        var $deletes = $("td input");
        var $inputs = $("#inputs input")
        for(var i=0;i<$deletes.length;i++){
            console.log($deletes[i]);
            $($deletes[i]).click(
                function () {
                    var parent = $(this).parent().parent();
                    console.log(parent);
                    parent.remove();
                }
            )
        }
        console.log($inputs[0]);
        var $submit = $("#submit input");
        //console.log($submit.get(0));
        $($submit).click(
            function(){
                var newtr = $("<tr></tr>");
                var name = $("<td></td>");
                name[0].innerHTML= $inputs[0].value;
                newtr.append(name);
                var email = $("<td></td>");
                email[0].innerHTML= $inputs[1].value;
                newtr.append(email);
                var salary = $("<td></td>");
                salary[0].innerHTML = $inputs[2].value;
                newtr.append(salary);
                var d = $('<td><input type="button" value="Delete"></td>');
                d.click(
                    function () {
                        var parent = $(this).parent();
                        console.log(parent);
                        parent.remove();
                    }
                )
                newtr.append(d);
                var $table = $("table");
                $table.append(newtr);
            }
        )
    </script>
</body>
</html>

实验三（jq）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #c{
            list-style: none;
        }
        li{
            font-size: 30px;
            margin-top:30px;
            border-bottom: 2px solid black;
        }
        form{
            margin: auto;
            width: 500px;
            height: 300px;
        }
        textarea{
            margin: auto;
        }
    </style>
</head>
<body>
    <form action="">
        <textarea id="a" rows="10" cols="30"></textarea>
        <input type="button" value="提交" id="b" onclick="doPrint()">
    </form>
    <ul id="c"></ul>
    <script>
        function doPrint(){
            var a = document.getElementById("a").value;
            var c = document.getElementById("c");
            var text = String(a);
            var d = document.createElement("li");
            d.innerHTML = text;
            c.appendChild(d);
        }
        

    </script>
</body>
</html>

 2.

<!DOCTYPE html>
<html lang="ZH-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .main{
            width: 600px;
            height: 400px;
            background-color: #cccccc;
            margin: auto;
        }
        #ul1 li{
            list-style: none;
        }
        #ul1 li a{
            float: left;
            width: 150px;
            height: 70px;
            background-color: #000;
            color: #fff;
            text-align: center;
            line-height: 70px;
            margin-top: 50px;
        }
         #ul1 li a:hover{
             background-color: #4c4c49;
         }
        #first{
            margin-left: 40px;
        }
        #neirong1 li{
            float: left;
            display: none;
            width: 415px;
            margin-left: 40px;
            background-color: #fff;height: 50px;
            line-height: 50px;
            border-bottom: 2px  solid #000;
            border-left: 2px  solid #000;
            border-right: 2px  solid #000;
            padding-left: 2em;
        }
        #neirong2 li{
            float: left;
            display: none;
            width: 415px;
            margin-left: 40px;
            background-color: #fff;height: 50px;
            line-height: 50px;
            border-bottom: 2px  solid #000;
            border-left: 2px  solid #000;
            border-right: 2px  solid #000;
            padding-left: 2em;
        }
        #neirong3 li{
            float: left;
            display: none;
            width: 415px;
            margin-left: 40px;
            background-color: #fff;height: 50px;
            line-height: 50px;
            border-bottom: 2px  solid #000;
            border-left: 2px  solid #000;
            border-right: 2px  solid #000;
            padding-left: 2em;
        }
    </style>
</head>
<body>
    
    <div class="main">
        <ul id="ul1">
            <li id="first"><a>热门排行</a></li>
            <li id="second"><a>美图速递</a></li>
            <li id="third"><a>前沿科技</a></li>
        </ul>
        <ul id="neirong1">
            <li>1</li>
            <li>1</li>
            <li>1</li>
            <li>1</li>
        </ul>
        <ul id="neirong2">
            <li>2</li>
            <li>2</li>
            <li>2</li>
            <li>2</li>
        </ul>
        <ul id="neirong3">
            <li>3</li>
            <li>3</li>
            <li>3</li>
            <li>3</li>
        </ul>
    </div>
    <script>
        var list1 = document.querySelectorAll("#ul1 li");
        var n1 = document.querySelectorAll("#neirong1 li")
        var n2 = document.querySelectorAll("#neirong2 li")
        var n3 = document.querySelectorAll("#neirong3 li")
        list1[0].onmouseenter = function(){
            console.log(list1[0].innerHTML)
            n1[0].style.display = 'block';
            n1[1].style.display = 'block';
            n1[2].style.display = 'block';
            n1[3].style.display = 'block';
        }
        list1[0].onmouseleave = function () {
                console.log(list1[0].innerHTML)
                n1[0].style.display = 'none';
                n1[1].style.display = 'none';
                n1[2].style.display = 'none';
                n1[3].style.display = 'none';
        }
        list1[1].onmouseenter = function () {
                n2[0].style.display = 'block';
                n2[1].style.display = 'block';
                n2[2].style.display = 'block';
                n2[3].style.display = 'block';
        }
        list1[1].onmouseleave = function () {
                n2[0].style.display = 'none';
                n2[1].style.display = 'none';
                n2[2].style.display = 'none';
                n2[3].style.display = 'none';
        }
        list1[2].onmouseenter = function () {
                n3[0].style.display = 'block';
                n3[1].style.display = 'block';
                n3[2].style.display = 'block';
                n3[3].style.display = 'block';
        }
        list1[2].onmouseleave = function () {
                n3[0].style.display = 'none';
                n3[1].style.display = 'none';
                n3[2].style.display = 'none';
                n3[3].style.display = 'none';
            }
    </script>
</body>
</html>

 3.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #zhuce{
            width: 400px;
            height: 50px;
            font-size: 20px;
            text-align: center;
            line-height: 50px;
            font-weight: bolder;
            background-color:rgb(0, 91, 147);
            color: white;
            margin: auto;
        }
        #back{
             width: 400px;
            height: 250px;
            margin: auto;
            background-color: rgb(1, 157, 157);
        }
        .in{
            width: 250px;
            height: 40px;
            margin: auto;
            display: block;
        }
        #submit{
            background-color: rgb(26, 152, 187);
        }
        #zh{
            margin-left: 67px;
            height: 20px;
            color: red;
        }
        #psw{
            margin-left: 67px;
            height: 20px;
            color: red;
        }
    </style>
</head>
<body>
    <div id="zhuce">注册</div>
    <div id="back">
        <br><br>
        <input type="text" class="in" id="input1">
        <div id="zh"></div>
        <input type="text" class="in" id="input2">
        <div id="psw"></div>
        <input type="button" class="in" value="提交" id="submit">
    </div>
    <script>
        var submit = document.getElementById("submit");
        submit.onclick = function(){
            var input1 = document.getElementById("input1");
            var input2 = document.getElementById("input2");
            console.log(input1);
            var zh = document.getElementById("zh");
            var psw = document.getElementById("psw");
            
            var name = input1.value;
            console.log(name.length);
            var password = input2.value;
            var keycode = name.charCodeAt(0);
            if (password.length <= 6) {
                psw.innerHTML = "必须大于6个字符";
            } else {
                psw.innerHTML = "";
            }
            if(keycode<65||(keycode>90&&keycode<97)||keycode>122){
                zh.innerHTML= "首字母应该为英文";
                return
            } else {
                zh.innerHTML = "";
            }
            if(name.length > 18 || keycode < 6 ){
                zh.innerHTML= "必须为6到18个字符";
            }else{
                zh.innerHTML="";
            }
            
        }
    </script>
</body>
</html>

ajax 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品录入</title>
    <link href="css/input.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-3.1.1.min.js"></script>
</head>
<body>
    <div id="search">
        <div>产品名称</div>
        <div><input type="text" placeholder="请输入产品名称"></div>
    </div>
    <div id="error"></div>
    <div id="submit"><input type="button" value="录入"></div>
    <script>
        var submit = $("#submit input");
        //console.log(submit[0]);
        submit.click(
            function(){
                var search = $("#search div input");
                var error = $("#error");
                if(search.val() == ''){
                    error[0].innerHTML = '产品名称必须输入';
                    console.log('产品名称必须输入');
                    error.css({"color" : "red"});
                }else{
                    var text = String(search.val());
                    
                    for(var i=0;i<text.length;i++){
                        var ival = Number(text.charAt(i));
                        console.log(ival);
                        if(!isNaN(ival)){
                            error[0].innerHTML = '产品名称不能有数字';
                            //console.log('产品名称不能有数字');
                            error.css({ "color": "red" });
                            return;
                        }
                        error[0].innerHTML='';
                        window.location.href='product.html';
                        //window.location.href = "b.html";
                    }
                }
                    
            }
        )
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品</title>
    <script src="js/jquery-3.1.1.min.js"></script>
    <style>
        td{
            border:1px solid #ccc;
            text-align: center;
            padding: 0px;
        }
        table{
            /*width: 550px;*/
            box-sizing: border-box;
            border-collapse: collapse;
        }
        tr:not(:first) td{
            width: 150px;
            height: 100px;
            line-height: 100px;
            text-align: center;
        }
        .first td{
            width: 150px;
            height: 30px;
            line-height: 30px;
            text-align: center;
        }
        tr:nth-child(1) td:not(:first){
            width: 150px;
            height: 30px;
            line-height: 30px;
        }
        tr:nth-child(1) td:nth-child(1){
            width: 100px;
            height: 30px;
            line-height: 30px;
        }
        img{
            width: 100px;
            height: 100px;

        } 
        a{
            width: 150px;
            height: 100px;
             text-align: center;
             color: #00ff00;
        }
        a:hover{
             color: #ff0000
        }
        tr td:nth-child(4){
            background-color: #ffffd0;
        }
        
    </style>
</head>
<body>
    <div><input type="text" id="product" placeholder="请输入产品名称"> <input type="button" id="search" value="搜索"></div>
    <div id="product1">
        <table>
            <tr class="first">
                <td></td>
                <td>品牌</td>
                <td>型号</td>
                <td>价格</td>
            </tr>
            
        </table>
    </div>
    <script>
        var btn = $("#search");
        btn.click(
            function(){
                $.get(
                    "http://114.67.241.121:8080/product/list",
                    function(data){
                        for(var i=0;i<data.data.length;i++){
                            var $data = $(
                            "<tr>"+
                                "<td>" + "<img src=http://114.67.241.121:8080/img/" + data.data[i].image+" alt=''>"  + "</td>" +
                                "<td>" + data.data[i].brand + "</td>" +
                                "<td>"+"<a href='http://114.67.241.121:8080/img/" + data.data[i].image +"'>"+ data.data[i].model + "</a>"+ "</td>" +
                                "<td>" + data.data[i].price + "</td>" +
                            "</tr>")
                            var $table = $("table");
                            $table.append($data);
                        }
                    }
                )
            }
        )
    </script>
</body>
</html>

 

星龍
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
java web实验_javaweb实验报告
weixin_32188111的博客
02-12 3702
javaweb实验报告 甘肃政法学院本科生实验报告(一)姓名:学院:计算机科学学院专业: 计算机科学与技术班级实验课程名称:实验日期:2012 年 04 月 9 日指导教师及职称实验成绩:开课时间：2012 学年 二 学期甘肃政法学院实验管理中心印制实验题目 Java Web 项目开发环境搭建于简单开发 Jsp 指令标记与动作标记 Jsp 内置对象 小组合作 否姓名 班级 学 号一、实验目的1、 ...
web实验超详细步骤
qq_56628318的博客
05-31 2231
web网页详细制作
jQuery3.5.1版本下载与线上引用
cheng1a的博客
02-11 7462
jQuery3.5.1版本下载与线上引用 JQ3.5.1下载地址：http://www.jq22.com/jquery/jquery-3.5.1.zip 线上引用地址： 微软：<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script> 官网：<script src="https://code.jquery.com/jquery-3.5.1.min.js"></s
Web实验三
weixin_51733609的博客
11-19 952
1.实验题目： 设计Studeon页面 2.实验代码 (1)golal.css文件 （2）index.css文件 （3）index.html文件 3.实验结果： 4.实验代码压缩包： 实验三代码压缩包
Web实验二
weixin_47786301的博客
04-25 1215
web实验二 实验内容： 1． 应用html标签和css完成如下所示页面效果，图片见附件。 说明：  内容相对于浏览器居中,宽860px  鼠标移动至列表项上，显示背景色#F8F8F8  分割线2px solid #ccc，每项高130px  第一行文字：20px 黑体  标签：字颜色#cccc00 16px  标签项：背景颜色#eee 字体颜色#999 文字大小14px  第三行文字：边框1px solid #eee; 圆角半径25px 其他样式可根据界面效果进行设置 运行截图 代码： &
java web实验报告_JavaWeb实验报告
weixin_28712661的博客
02-21 5292
实验一开发环境配置及Servlet程序设计一、实验目的1、了解并熟悉编程环境、编程工具，包括Tomcat、MyEclipse和JDK；2、学会配置环境变量；3、掌握在MyEclipse中编辑简单源程序的方法、创建包和servlet类的方法；4、掌握在Tomcat中手工创建可执行程序的方法；二、实验内容及要求本次实验内容分为两部分：1、验证部分1)通过手动的方式在Tomcat中建立工程my，在该工程...
Web实验课程报告
xiehuiru的博客
12-26 6477
一、实验内容 本学期web实验课我做了两方面的内容，一方面是有机农场管理系统的继续完善，另一方面是系统模块功能的展，实现利用Cookie的登录注册功能。 仔细研究了去年的web项目，在有机农场管理系统的基础上更改了原系统的CSS和HTML等，使界面更加美观。又在原系统基础上扩展了登录功能，实现了登录注册功能。并且利用了cookie识别用户的身份。 二、实验目的 掌握...
Web实验六 JavaScript实验
Yutouxn0的博客
06-02 1655
一、实验目的：掌握JavaScript的变量；掌握JavaScript的数据类型；掌握JavaScript 的运算符；掌握JavaScript 的逻辑控制语句。掌握JavaScript数组和函数的使用方式。二、实验内容1、给定数组var numberList = [35,23,30,40,12,18,21,15,49,8,37,10]，以30为基准，使得数组numberList以30为界形成两个子集，数组前子集"小于30"，后子集"大于等于30"，并输出结果。 2、使用javascript的数组和数学对
web实验三 JavaBean
qq_48116514的博客
07-05 5876
1)熟悉Javabean的创建； 2)掌握usebean、getProperty和setProperty等动作标记的使用； 3)掌握javabean辅助类的使用。 二、实验内容 1)实验1：编写一个JSP页面，该页面提供功一个表单，用户可以通过表单输入梯形的上底、下底和高的值，并提交给本JSP页面，该页面将计算梯形的面积之任务交给一个bean去完成，JSP页面使用getProperty动作标记显示梯形的面积。具体要求参考课本P97习题5。 2)实验2：编写一个JSP页面，a.jsp和b.jsp...
Java个人网页设计实验报告_web实验报告.doc
weixin_35654499的博客
02-27 2771
web实验报告课案中国矿业大学计算机学院2012 级本科生课程报告课程名称 Web技术学生姓名 周鹏学 号专 业 计科 13-5班任课教师 赵莹报告时间 2015.11.12任课教师评语实验成果评价评价项目评分标准评价对课程的基础理论掌握很好地掌握了本课程的基础理论较好地掌握了本课程的基础理论一般地掌握了本课程的基础理论基础理论...
小型web实验
10-20
### 小型Web实验知识点详解 #### 一、实验背景及目标 本实验是一份针对初学者设计的小型Web开发项目文档，适用于大学阶段的学生学习和实践。通过本实验，学生能够掌握基本的Web开发流程和技术栈应用。实验的具体...
web实验报告
06-16
在本“Web实验报告”中，我们探讨了Web开发的核心概念和技术，这是一份由合肥学院的学生精心编写的参考资料，旨在帮助学习者更好地理解和实践Web开发。这份报告涵盖了多个关键领域，包括HTML、CSS、JavaScript基础，...
java web 实验
01-17
在"java web"这个实验项目中，可能会涵盖上述一个或多个知识点，帮助学习者了解和实践Java Web开发的基本流程。通过实际项目，读者能够更好地理解如何将理论知识应用于实际场景，提升编程技能和问题解决能力。对于...
web实验3.pdf
09-27
ASP.NET 4.5 是一个基于 ASP.NET Framework 的 Web 应用程序框架，它提供了许多功能强大且灵活的特性，例如 Master Pages、Themes、AJAX、Silverlight 等。 知识点3: 流程控制 流程控制是指程序在执行过程中根据...
课程作业-基于Java实现web实验登录界面源码+项目说明.zip
10-18
课程作业-基于Java实现web实验登录界面源码+项目说明.zip课程作业-基于Java实现web实验登录界面源码+项目说明.zip课程作业-基于Java实现web实验登录界面源码+项目说明.zip课程作业-基于Java实现web实验登录界面源码+...
JAVA-WEB资源配置
caryeko的专栏
08-15 225
用JAVA进行编写WEB项目时，我们一般需要对WEB进行统一配置，例如制定拦截路径、页面解析器、跨域配置、fastjson报文解析、文件上传大小配置等。
使用WebSocket实现一个简易的聊天室
qq_51321722的博客
08-14 461
其次，要有相关配置类以及Controller。我这里的框架是SpringBoot。首先，我们要有一个前端页面。
pywebview 入门
最新发布
小小宾的博客
08-18 546
pywebview 是一个轻量级的 python 库，旨在简化桌面应用程序的开发。它利用系统的 WebView 组件，使得开发人员可以使用现代 Web 技术（HTML、CSS、JavaScript）来创建用户界面，同时使用 python 处理业务逻辑。pywebview 使得创建跨平台桌面应用程序变得更加简单和高效。
使用 TinyVue 组件库搭建前端项目的实操体验
Echo_Wish的博客
08-14 823
在这个示例中，我们创建了一个包含用户名和密码输入框的表单，并添加了表单验证功能。总的来说，TinyVue 组件库为前端开发提供了强大的支持和便利。通过这次活动，我不仅提升了自己的开发技能，还对 OpenTiny 的产品有了更深入的了解。在这个示例中，我们引入了 TinyButton 组件，并在按钮点击时触发一个成功消息。TinyVue 组件库提供了丰富的 UI 组件，可以满足各种业务需求。在项目中，我使用了 TinyVue 提供的多个组件来构建页面。首先，我按照官方文档的指引，完成了开发环境的准备工作。
Web实验教程：ASP与CSS实践
"这是一份针对学生的Web实验指导书，涵盖了使用ASP和CSS进行网页设计以及JavaScript编程的基础知识。实验内容包括HTML基本元素的使用、CSS样式应用、JavaScript交互功能的实现，旨在提升学生的Web开发技能。" 实验...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值