精华内容
下载资源
问答
  • Web开发技术大作业.zip

    2019-10-17 13:42:54
    web开发技术课程设计包含了绿色农产品网页设计源代码和设计报告文档
  • Web前端开发技术课程大作业,期末考试

    千次阅读 多人点赞 2020-07-27 22:11:19
    Web前端开发技术课程大作业,期末考试作业要求最终界面部分代码呈现index.htmllogin.htmlindex.csslogin.cssswithpic.js完整代码素材下载 作业要求 网站前端程序不仅要能够把用户要求的内容呈现出来,还要满足布局...

    作业要求

    网站前端程序不仅要能够把用户要求的内容呈现出来,还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。
    为此,本次作业的要求主要有:
    (1)登录功能。登陆是对用户的验证,防止非法用户登陆和使用。
    (2)注册功能。注册是对新用户的加入设定的,可以增加游戏用户。
    (3)导航功能。提供完整的系统导航功能,帮助用户快速定位到需要浏览的区域。
    (3)广告轮播。广告轮播实现了重要客户的主要产品核心位置展示功能。
    (4)搜索入口。搜索功能提供客户搜索定位功能,可以帮助客户快速找到需要的产品。
    

    最终界面

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    部分代码呈现

    index.html

    <!doctype html>
    <html lang="en">
    
    <head>
        <title>英雄联盟</title>
        <meta charset="UTF-8">
        <meta name="keywords" content="LOL,腾讯游戏,英雄联盟" />
        <meta name="description" content="LOL,腾讯游戏,英雄联盟" />
    
        <link href="css/index.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/qiehuan.js"></script>
        <script type="text/javascript" src="js/switchpic.js"></script>
    </head>
    
    <body onload="init();">
        <div id="topNavBar">
            <input type="text" value="">
            <input type="button" value="搜索" id="where">
            <a href="logon.html" class="nav_on">注册</a> &nbsp;
            <a href="login.html" class="nav_on">登录</a>
        </div>
        <div id="container" class="">
            <div id="header" class="">
                <img src="img/lol_logo.jpg" alt="">
            </div>
            <div id="menu_out">
                <div id="menu_in">
                    <div id="menu">
                        <ul id="nav">
                            <li><a class="nav_on" id="mynav0" onmouseover="javascript:qiehuan(0)" href="#" target="framebody"><span>游戏资料</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(1)" id="mynav1" class="nav_off"><span>游戏商城</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(2)" id="mynav2" class="nav_off"><span>游戏合作</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(3)" id="mynav3" class="nav_off"><span>社区互动</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(4)" id="mynav4" class="nav_off"><span>赛事官网</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(5)" id="mynav5" class="nav_off"><span>自助系统</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(6)" id="mynav6" class="nav_off"><span>游戏视频</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(7)" id="mynav7" class="nav_off"><span>填写问卷</span></a></li>
                            <li class="menu_line"></li>
                            <li><a class="nav_off" id="mynav8" onmouseover="javascript:qiehuan(8)" href="#"><span>关于网站</span></a></li>
                        </ul>
                        <div id="menu_con">
                            <div id="qh_con0" style="display: block">
                                <ul>
                                    <li><a href="#"><span>游戏下载</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>游戏指引</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="./web_first.html" target="block"><span>资料库</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>云顶之弈</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>攻略中心</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con1" style="display: none">
                                <ul>
                                    <li><a href="#"><span>点卷充值</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>道具城</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>周边商城</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con2" style="display: none">
                                <ul>
                                    <li><a href="#"><span>LOL桌游</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>LOL信用卡</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>网吧特权</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>电竞小说</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con3" style="display: none">
                                <ul>
                                    <li><a href="#"><span>官方社区</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>视频中心</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>官方论坛</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>官方微信</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>官方微博</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con4" style="display: none">
                                <ul>
                                    <li><a href="#"><span>LPL职业联赛</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>LDL发展联赛</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>全球总决赛</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>全明星赛</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>季中杯</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>德玛西亚杯</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>全国高校联赛</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con5" style="display: none">
                                <ul>
                                    <li><a href="#"><span>转区系统</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>封号查询</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>账号注销</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>信誉分系统</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con6" style="display: none">
                                <ul>
                                    <li><a href="#"><span>推荐视频</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>官方视频</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>娱乐视频</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>赛事视频</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>云顶之弈视频</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>教学视频</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con7" style="display: none">
                                <ul>
                                    <li><a href="web_question.html" target="block"><span>填写问卷</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con8" style="display: none">
                                <ul>
                                    <li><a href="#"><span>联系客服</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>网站作者</span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="main">
                <div id="top" class="">
                    <a href="#"><img id="pic" src="img/example1.jpg" border="0" alt="" onmouseover="pause();" onmouseout="reStart();"></a>
                </div>
    
                <div id="down" class="">
                    <iframe name="framebody" src="web_first.html"></iframe>
                </div>
            </div>
            <div class="bottom">
                <ul>
                    <li><strong>友情链接:</strong>
                        <select size="1" name="d1" onchange="window.open(this.options[this.selectedindex].value)">
                            <option>
                                知名游戏厂家&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </option>
                            <option value="https://game.qq.com/portal2010/about.htm">腾讯游戏</option>
                            <option value="https://www.activisionblizzard.com/">动视暴雪</option>
                            <option value="https://www.microsoft.com/zh-cn/">微软游戏工作室</option>
                            <option value="https://www.apple.com.cn/">苹果</option>
                            <option value="https://www.sony.com.cn/">索尼</option>
                        </select>
                        <select size="1" name="d1" onchange="window.open(this.options[this.selectedindex].value)">
                            <option>
                                优秀游戏连接&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </option>
                            <option value="https://pubg.qq.com/">绝地求生</option>
                            <option value="https://dnf.qq.com/">地下城与勇士</option>
                            <option value="http://www.m3guo.com/v2/">梦三国</option>
                            <option value="https://wow.blizzard.cn/landing">魔兽世界</option>
                            <option value="https://xyq.163.com/">梦幻西游</option>
                            <option value="https://wuxia.qq.com/">天涯明月刀</option>
                        </select>
                    </li>
                    <li>
                        腾讯游戏&nbsp;·&nbsp;英雄联盟&nbsp;&nbsp;LOL 1998-2020&copy;保留所有权利,未经允许不得复制、镜像</li>
                </ul>
            </div>
        </div>
    </body>
    
    </html>
    

    login.html

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>登陆界面</title>
        <link href="css/login.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
        <div class="dowebok">
            <div class="logo"></div>
            <div class="form-item">
                <input id="username" type="text" autocomplete="off" placeholder="账号">
            </div>
            <div class="form-item">
                <input id="password" type="password" autocomplete="off" placeholder="登录密码">
            </div>
            <div class="form-item">
                <a href="index.html"><button id="submit">登 录</button></a>
            </div>
        </div>
    </body>
    
    </html>
    

    index.css

                @charset "utf-8";
                * {
                    font-size: 12px;
                    font-family: Arial, Helvetica, sans-serif;
                }
                
                body {
                    margin: 0px auto;
                    padding: 0px;
                    text-align: center;
                    position: relative;
                }
                
                #topNavBar {
                    position: absolute;
                    margin-left: 290px;
                    font-size: 20px;
                }
                
                #topNavBar a {
                    font-size: 12px;
                }
                
                #topNavBar a:link {
                    color: white;
                    text-decoration: none;
                }
                
                #topNavBar a:visited {
                    color: white;
                    text-decoration: none;
                }
                
                #topNavBar a:hover {
                    color: white;
                    text-decoration: none;
                }
                
                #topNavBar a:active {
                    color: white;
                    text-decoration: none;
                }
                
                #where {
                    margin-right: 660px;
                }
                
                #container {
                    width: 960px;
                    padding: 0 auto;
                    margin: 0 auto;
                }
                
                img {
                    width: 960px;
                    height: auto;
                }
                
                #menu ul {
                    padding: 0;
                    border: 0;
                    list-style: none;
                    line-height: 150%;
                    margin-top: 0;
                    margin-right: 0;
                    margin-bottom: 0;
                    margin-left: 40px;
                }
                
                #menu li {
                    color: white;
                }
                
                #menu_out {
                    width: 960px;
                    padding-left: 4px;
                    margin-left: auto;
                    margin-right: auto;
                    background: url("../img/menu_left.gif") no-repeat left top;
                    overflow: hidden;
                    /* ����������� */
                }
                
                #menu_in {
                    background: url("../img/menu_right.gif") no-repeat right top;
                    padding-right: 4px;
                }
                
                #menu {
                    background: url("../img/menu_bg.gif") repeat-x;
                    height: 73px;
                    width: 960px;
                }
                
                .menu_line {
                    background: url("../img/menu_line.gif") no-repeat center top;
                    width: 8px;
                }
                
                .menu_line2 {
                    background: url("../img/menu_line2.gif") no-repeat center top;
                    width: 15px;
                }
                
                #nav {
                    padding-left: 20px;
                    width: 960px;
                }
                
                #nav li {
                    float: left;
                    height: 35px;
                }
                
                #nav li a {
                    float: left;
                    display: block;
                    padding-left: 6px;
                    height: 35px;
                    background: url("../img/menu_on_left.gif") no-repeat left top;
                    cursor: pointer;
                    text-decoration: none;
                }
                
                #nav li a span {
                    float: left;
                    padding: 11px 14px 10px 10px;
                    line-height: 14px;
                    background: url("../img/menu_on_right.gif") no-repeat right top;
                    font-size: 14px;
                    font-weight: bold;
                    color: #FFFFFF;
                    text-decoration: none;
                }
                
                #nav li .nav_on {
                    background-position: left 100%;
                }
                
                #nav li .nav_on span {
                    background-position: right 100%;
                    color: #333333;
                    text-decoration: none;
                    padding: 14px 14px 7px 10px;
                }
                
                #menu_con {
                    text-align: left;
                    padding-left: 20px;
                    clear: both;
                }
                
                #menu_con li {
                    float: left;
                    height: 22px;
                    margin-top: 8px;
                }
                
                #menu_con li a {
                    display: block;
                    float: left;
                    background: url("../img/menu_on_left2.gif") no-repeat left top;
                    cursor: pointer;
                    padding-left: 3px;
                }
                
                #menu_con li a span {
                    float: left;
                    padding: 6px 10px 4px 10px;
                    line-height: 12px;
                    background: url("../img/menu_on_right2.gif") no-repeat right top;
                    color: black;
                }
                
                #menu_con li a:hover {
                    text-decoration: none;
                    background: url("../img/menu_on_left2.gif") no-repeat left bottom;
                }
                
                #menu_con li a:hover span {
                    background: url("../img/menu_on_right2.gif") no-repeat right bottom;
                }
                
                #main {
                    width: 960px;
                    height: 300px;
                }
                
                #top {
                    width: 960px;
                    height: auto;
                    border: 1px solid white;
                }
                
                #top img {
                    width: 960px;
                    height: 489px;
                }
                
                #down {
                    width: 960px;
                    height: 500px;
                    margin: 0 auto;
                }
                
                #down iframe {
                    width: 960px;
                    height: 500px;
                    border: 0px;
                    padding: 0px;
                    margin: 0px;
                }
                
                .bottom {
                    clear: both;
                    height: 80px;
                    background: #000000;
                    text-align: center;
                    padding-top: 20px;
                    color: white;
                    font-size: 18px;
                    width: 960px;
                    margin-top: 694px;
                    /* please */
                }
                
                .bottom ul {
                    list-style: none;
                    color: white;
                }
    

    login.css

    * {
        margin: 0;
        padding: 0;
    }
    
    html {
        height: 100%;
    }
    
    body {
        height: 100%;
        background: #fff url(../img/example1.jpg) 50% 50% no-repeat;
        background-size: cover;
    }
    
    .dowebok {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 430px;
        height: 550px;
        margin: -300px 0 0 -215px;
        border: 1px solid #fff;
        border-radius: 20px;
        overflow: hidden;
    }
    
    .logo {
        width: 200px;
        height: 100px;
        margin-top: 130px;
        margin-bottom: 70px;
        margin-left: 130px;
        background: url(../img/logo-public.png) 0 0 no-repeat;
    }
    
    .form-item {
        position: relative;
        width: 360px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    
    .form-item input {
        width: 288px;
        height: 48px;
        padding-left: 70px;
        border: 1px solid #fff;
        border-radius: 25px;
        font-size: 18px;
        color: #fff;
        background-color: transparent;
        outline: none;
    }
    
    .form-item button {
        width: 360px;
        height: 50px;
        border: 0;
        border-radius: 25px;
        font-size: 18px;
        color: #1f6f4a;
        outline: none;
        cursor: pointer;
        background-color: #fff;
    }
    
    .tip {
        display: none;
        position: absolute;
        left: 20px;
        top: 52px;
        font-size: 14px;
        color: #f50;
    }
    
    .reg-bar {
        width: 360px;
        margin: 20px auto 0;
        font-size: 14px;
        overflow: hidden;
    }
    
    .reg-bar a {
        color: #fff;
        text-decoration: none;
    }
    
    .reg-bar a:hover {
        text-decoration: underline;
    }
    
    .reg-bar .reg {
        float: left;
    }
    
    .reg-bar .forget {
        float: right;
    }
    
    .dowebok ::-webkit-input-placeholder {
        font-size: 18px;
        line-height: 1.4;
        color: #fff;
    }
    
    .dowebok :-moz-placeholder {
        font-size: 18px;
        line-height: 1.4;
        color: #fff;
    }
    
    .dowebok ::-moz-placeholder {
        font-size: 18px;
        line-height: 1.4;
        color: #fff;
    }
    
    .dowebok :-ms-input-placeholder {
        font-size: 18px;
        line-height: 1.4;
        color: #fff;
    }
    
    @media screen and (max-width: 500px) {
        * {
            box-sizing: border-box;
        }
        .dowebok {
            position: static;
            width: auto;
            height: auto;
            margin: 0 30px;
            border: 0;
            border-radius: 0;
        }
        .logo {
            margin: 50px auto;
        }
        .form-item {
            width: auto;
        }
        .form-item input,
        .form-item button,
        .reg-bar {
            width: 100%;
        }
    }
    

    swithpic.js

     /* switchpic.js */
     var CurScreen = 1;
     var MaxScreen = 7;
     var timer = null;
    
     function $(id) { return document.getElementById(id); }
    
     function switchPic() {
         if (CurScreen == MaxScreen) { CurScreen = 1; } else { CurScreen++; }
         $("pic").src = "img/example" + CurScreen + ".jpg";
     }
    
     function reStart() {
         switchPic();
         init();
     }
    
     function pause() {
         clearInterval(timer);
     }
    
     function init() {
         timer = setInterval('switchPic();', 1000);
     }
    

    完整代码素材下载

    完整代码已经上传至我个人的csdn资源中
    可以进入我的个人csdn进行下载期末大作业 我的web.rar文件
    下载链接:期末大作业 我的web.rar

    展开全文
  • Web应用开发大作业记录(1)架构与项目搭建 Web应用开发大作业已经布置了两三周了,但是由于前两周一直忙于《并行程序设计》课程的答辩准备,再加上遇到了状态低谷,所以迟迟没有动工;今天觉得再不动工的话可能完成...

    Web应用开发大作业记录(1)架构与项目搭建

    Web应用开发大作业已经布置了两三周了,但是由于前两周一直忙于《并行程序设计》课程的答辩准备,再加上遇到了状态低谷,所以迟迟没有动工;今天觉得再不动工的话可能完成的质量就不够高了,所以这就开始。

    这个作业要做的是一个只有CRUD的后台管理系统,并且已经给出了前端代码,我们只需要完成后端代码并对前端的接口进行一些改造就可以了。没有任何复杂的地方,也没有任何的技术难点,只是一个堆时间堆代码量的最简单的项目罢了,估计大家写的也都差不多。但是如果想要打败其他同学拿到高分,那么重点就要放在对框架的运用、数据库的设计、各种接口规范的制定和代码的质量上。

    项目所有的代码都已经保存在了GitHub上,可以作为Spring Boot+MyBatis Plus+MySQL的一个实例项目来使用。如果有帮助的话希望不要忘记Star和Fork呀,非常感谢🙏

    GitHub指路:GitHub

    本文同时也发表在我的个人网站:www.wendev.site,欢迎前往我的个人网站阅读。

    技术选型

    由于是一个没有任何难度仅仅是堆代码量的项目,那么使用Spring BootMybatis Plus这样的快速开发框架就非常合适了(可惜不能用Kotlin来写,哎),可以减少大约一半的代码量。在这里我使用的Java版本是Java 11,用Java 8也是可以的。

    具体的技术选型如下:

    • Web框架:Spring Boot
    • ORM框架:MyBatis Plus
    • 关系型数据库:MySQL
    • Excel读写工具:EasyExcel
    • 模板引擎:Thymeleaf
    • 包管理工具:Maven

    依赖注入、AOP、合法性校验之类的工作都交给Spring的相关组件。登录功能因为不复杂,所以就自己手写了。

    数据库设计工具使用PDMan,数据库连接工具使用Navicat。

    完整的pom文件如下:

    <?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
        <modelVersion>4.0.0</modelVersion>
        <parent>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-parent</artifactId>
            <version>2.3.4.RELEASE</version>
            <relativePath/> <!-- lookup parent from repository -->
        </parent>
        <groupId>site.wendev</groupId>
        <artifactId>qikebao</artifactId>
        <version>0.0.1-SNAPSHOT</version>
        <name>qikebao</name>
        <description>Web应用开发大作业</description>
    
        <properties>
            <java.version>1.8</java.version>
            <druid.starter.version>1.1.21</druid.starter.version>
            <bcrypt.version>0.4</bcrypt.version>
            <mybatis.plus.starter.version>3.3.2</mybatis.plus.starter.version>
            <easyexcel.version>2.2.4</easyexcel.version>
        </properties>
    
        <dependencies>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-thymeleaf</artifactId>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-web</artifactId>
            </dependency>
    
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-devtools</artifactId>
                <scope>runtime</scope>
                <optional>true</optional>
            </dependency>
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
                <scope>runtime</scope>
            </dependency>
            <dependency>
                <groupId>org.projectlombok</groupId>
                <artifactId>lombok</artifactId>
                <optional>true</optional>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-test</artifactId>
                <scope>test</scope>
                <exclusions>
                    <exclusion>
                        <groupId>org.junit.vintage</groupId>
                        <artifactId>junit-vintage-engine</artifactId>
                    </exclusion>
                </exclusions>
            </dependency>
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>druid-spring-boot-starter</artifactId>
                <version>${druid.starter.version}</version>
            </dependency>
            <dependency>
                <groupId>javax.validation</groupId>
                <artifactId>validation-api</artifactId>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-validation</artifactId>
            </dependency>
            <dependency>
                <groupId>org.aspectj</groupId>
                <artifactId>aspectjrt</artifactId>
            </dependency>
            <dependency>
                <groupId>org.aspectj</groupId>
                <artifactId>aspectjweaver</artifactId>
            </dependency>
            <dependency>
                <groupId>org.mindrot</groupId>
                <artifactId>jbcrypt</artifactId>
                <version>${bcrypt.version}</version>
            </dependency>
            <dependency>
                <groupId>com.baomidou</groupId>
                <artifactId>mybatis-plus-boot-starter</artifactId>
                <version>${mybatis.plus.starter.version}</version>
            </dependency>
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>easyexcel</artifactId>
                <version>${easyexcel.version}</version>
            </dependency>
        </dependencies>
    
        <build>
            <plugins>
                <plugin>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-maven-plugin</artifactId>
                </plugin>
            </plugins>
        </build>
    
    </project>
    
    

    Spring Boot配置

    虽然Spring Boot相比Spring MVC已经少了很多配置项了,但是一些必要的配置还是要做的:

    首先在application.yml里指定要启用的配置文件:

    spring:
      profiles:
        active: dev
    
    

    然后在application-dev.yml文件中进行具体的配置操作:

    server:
      port: 58080
    spring:
      datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        druid:
          url: jdbc:mysql://127.0.0.1:3306/qikebao?useUnicode=true&charset=utf8mb4&serverTimezone=UTC
          username: root
          password: '@1234567890'
          initial-size: 5
          min-idle: 5
          max-active: 20
          test-on-borrow: true
          driver-class-name: com.mysql.cj.jdbc.Driver
          pool-prepared-statements: true
          max-wait: 60000
      servlet:
        # 不限制文件上传数量和大小
        multipart:
          max-file-size: -1
          max-request-size: -1
    mybatis-plus:
      configuration:
        # 打印SQL语句
        log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
    logging:
      level:
        saas.qikebao.com.mapper: debug
    
    

    主要是数据库连接池的一些配置。

    这样项目就搭建好并且可以启动了,接下来需要做的就是数据库设计、Git提交规范以及接口规范的制定。

    展开全文
  • web前端开发技术期末大作业 网页规划与制造,做得不深 但是还是满足期末大作业的 分享一下 题目: 此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术(如结合...

    web前端开发技术期末大作业 网页规划与制造,做得不深 但是还是满足期末大作业的 分享一下
    在这里插入图片描述

    题目:
    此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术(如结合使用CSS及表格、DIV、框架等技术),完成各页面的布局设计。

    工具:
    EditPlus

    一、所需文件

    在这里插入图片描述

    二、网页效果(模仿游戏官网)

    A.首页效果
    在这里插入图片描述

    B.游戏攻略
    在这里插入图片描述

    C.手办商城
    在这里插入图片描述
    上面就是网站的部分效果,其他就不贴出来了哈哈哈,仅作分享

    三、主要代码

    首页HTML

    <!DOCTYPE html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>主页</title>
       <link rel="stylesheet" href="css/index.css">
       <script src="js/index.js" charset="gb2312"></script>
     </head>
     <body>
     <embed src="audios/attack.mp3" width=0 height=0 type=audio/mpeg loop="-1" autostart="true" volume="0"></embed>			<!-- 音乐 -->
     <div id="container">				<!-- 大框 -->
    	<div id="header">			<!-- 1 头部-->
    		<div id="logo"></div>		<!-- 1左  logo -->
    		<div id="select_search">	<!-- 1右  搜索-->
    			<table height="80px" align="right" >
    				<tr align="right">
    					<td colspan="4">
    						<select id="sel">
    							<option selected>简体中文</option>
    							<option >繁体中文</option>
    							<option >English</option>
    						</select>
    					</td>
    				</tr>
    				<tr align="right">
    					<td><font size="2">关键词:</font></td>
    					<td><input type="text" size="25"></td>
    					<td><input type="image" src="images/搜索.png"></td>
    				</tr>
    			</table>
    		</div>
    		
    	</div>
    	<div id="nav">		<!-- 2  导航栏-->
    		<table>
    			<td id="line.png"><a href="index.html">首页</a></td>
    			<td id="line.png"><a href="game_introduction.html">游戏介绍</a></td>
    			<td id="line.png"><a href="game_tips.html">游戏攻略</a></td>
    			<td id="line.png"><a href="toy.html">手办商城</a></td>
    			<td id="line.png"><a href="survey.html">问卷调查</a></td>
    			<td id="line.png"><a href="join.html">加入我们</a></td>
    			
    		</table>
    	</div>
    	<div id="bao">		<!-- 3  图片轮播-->
    		<div id="photo">
    			<img src="images/a.png" >
    			<img src="images/b.png" >
    			<img src="images/c.png" >
    			<img src="images/e.png" >
    			<img src="images/f.png" >
    		</div>
    	</div >
    	<div id="main">		<!-- 4  左中右-->
    		<div id="left">		<!--  4左   咨询-->
    			<img src="images/游戏资料.png" width="262ox" height="50px">
    			<ul>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_biz=18&tid=518558">打野位置能拿MVP的不传之秘!<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_biz=18&tid=519143">新版梦奇铭文出装玩法全解析<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_biz=18&tid=519427">如何理解斩杀线与控血概念?<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_Biz=18&tid=512793">李白刮痧,操作太难,试试兰陵王<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/v/detail.shtml?G_Biz=18&tid=719852&e_code=pvpweb.dpvlist.r4">“红烧流”庄周<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_Biz=18&tid=362130">你强任你强,墨子东皇加张良<a>&nbsp;2021-05-09</li>
    			</ul>
    		</div>
    		<div id="center">	<!-- 4中  图片滚动-->
    			<marquee onmouseover="this.stop()" onmouseout="this.start()">
    				<img src="images/滚1.png" border="0" width="400px" height="230px">
    				<img src="images/滚2.jpg" border="0" width="400px" height="230px">
    				<img src="images/滚3.jpg" border="0" width="400px" height="230px">
    				<img src="images/滚4.jpg" border="0" width="400px" height="230px">
    				<img src="images/滚5.png" border="0" width="400px" height="230px">
    			</marquee>
    		</div>
    		<div id="right">		<!-- 4右 登录-->
    			<img id="ri" src="images/欢迎登录.png" width="250" height="50px"><br/>
    			<form action="" id="fo">
    				<table align="center" class="register">
    					<tr>
    						<td>用户名</td>
    						<td><input type="text" id="user01" maxlength="11" placeholder="请输入您的用户名" required/></td>
    						<td ><input type="submit" value="登录"></td>
    					</tr>
    
    					<tr id="fot">
    						<td>密码</td>
    						<td><input type="password" id="password01" maxlength="16" placeholder="请输入密码......" required/></td>	<td><input  type="reset"></td>
    					</tr>
    				</table>
    			</form> 
    			<div class="wjmmzczh">
    				<a href="#" >忘记密码</a>
    				<a href="#" id="zc">注册账号</a>
    			</div>
    		</div>
    	</div>	
    	<div id="comment">		<!-- 5 留言区-->
    		<h2 >留言板</h2>
    		<hr size="2px" color="#b5b5b5" width="990px" align="left">
    		<form>
    			<table align="center">
    				<tr>
    					<td>用户名:</td>
    					<td><input type="text"/></td>
    					<td>Wechat:</td>
    					<td><input type="text"/></td>
    					<td>留言时间:</td>
    					<td><input type="text"/></td>
    				</tr>
    				<tr>
    					<td >留言内容:</td>
    					<td colspan="5"><textarea id="txt" cols="100" rows="3" placeholder="评论的时候,请遵纪守法并注意语言文明"></textarea></td>
                  
    				</tr>
    
    				<tr >
    					<td colspan="2"><input type="submit" value="提交留言"></th>
    					<td colspan="2"><input type="reset" value="重置内容"></th>
    				</tr>
    			</table>
    		</form>
    	</div>
    
    	<div id="footer" >		<!-- 6 版权区-->
    		<p class="p1">Copyright&nbsp;&copy;&nbsp;2021&nbsp;<span>i&nbsp;an</span>,All&nbsp;rights&nbsp;reserved.</p>
    		<p class="p2">2021,版权所有&nbsp;&nbsp;85CP备13385453</p>
    	</div>
     </div>
      
     </body>
    </html>
    
    

    首页CSS

    /*index.css*/
    *{
    	
    	font-family:楷体; /*全文字体*/
    }
    #container{
    	margin:0 auto;			/*   内外边距去除,字体大小为12px */
    	padding:0 auto;font-size:12px;
    }
    #header{			/*1 头部*/
    	width:990px;
    	height:80px;
    }
    #logo{	/*  1左上 logo */
    	width:300px;
    	height:80px;
    	float:left;
    	background:#FFFFFF url("../images/王者荣耀logo.png") no-repeat left bottom;
    	
    }
    #select_search{			/*	 1右	  搜索*/
    	width:690px;
    	height:80px;
    	font-size:20px
    	background:#FFFFFF;
    	float:left;
    }
    #nav{				/*		2  导航栏  */
    	clear:both;
    	width:990px;
    	height:40px;
    	font-size:18px;
    	background-image:url("../images/导航背景.png")
    }
    #nav a:hover{
    	color:#Bf0000;
    	text-decoration:none;
    }
    #nav td{
    	width:165px;
    	height:40px;
    	text-align:center;
    	vertical-align:middle; 
    }
    table{
    	line-height:1.5em
    }
    #bao{					/*  3图片轮播  */
    	width: 990px;
    	height: 500px;
    	overflow: hidden;
    }
    #photo {			
    	width: 5940px;
    	animation: switch 15s ease-out infinite;
    }
    #photo > img {
    	float: left;
    	width: 990px;
    	height: 500px;
    }
    @keyframes switch {
    	0%, 5% {
    		margin-left: 0;
    	}
    	20%, 30% {
    		margin-left: -990px;
    	}
    	40%, 55% {
    		margin-left: -1980px;
    	}
    	60%, 75% {
    		margin-left: -2970px;
    	}
    	85%, 100% {
    		margin-left: -3960px;
    	}
    }
    
    #main{				/* 4   */
    	width:990px;
    	height:230px;
    	border-bottom:5px ridge #DEDEDE;
    	float:left;
    	clear:both
    }
    #left{		/*4左*/
    	width:260px;
    	height:230px;
    	background:#EEFFDD;
    	float:left;
    	background-image:url("../images/left背景.png")
    	/*border-right:10px solid #FFFFFF*/
    }
    a:link,a:visited,a:active{
    	text-decoration:none;
    }
    a:link,a:visited,a:active{
    	color:#828282;
    }
    ul{
    	list-style:none;
    	padding-left:10px;
    	line-height:1.8em
    }
    #left li{
    	border-bottom:1px dotted #009900;
    }
    #left a:hover{
    	color:#Bf0000;
    	text-decoration:underline
    }
    #center{		/*4中*/
    	width:480px;
    	height:230px;
    	float:left;
    	/*border-right:5px solid #FFFFFF;*/
    	background-image:url("../images/滚底.png")
    }
    #right{		/*4右  登录部分*/
    	width:250px;
    	height:230px;
    	background:#EEFFDD;
    	float:left;
    	background-image:url("../images/right背景.png")
    }
    .register{
    	flex: 40%;
    	padding-top: 20px; 
    }
    .wjmmzczh{
    	padding-left: 50px;
    	padding-top: 20px;
    }
    #zczh{
    	padding-left: 50px;
    }
    #biaodan{
    	padding-top: 20px;
    }
    h2{
    	font-size:30px;
    	font-family:宋体;
    	font-style:bolder;
    	color:#ffff00;
    	margin:0
    }
    #comment{		/*5  评论区*/
    	clear:both;
    	width:990px;
    	height:210px;
    	background-image:url("../images/留言底.jpg");
    	float:left
    }
    input{ 
    	vertical-align: middle;
    } /*垂直居中*/
    #footer{			/*6 尾部*/
    	clear:both;
    	width:990px;
    	height: 60px;
    	background: #330033;
    	text-align: center;
    	line-height: 10px;
    	float:left
    }
    #footer p{ 
    	color: #ffff00;
    	font-size: 15px;
    	opacity: 0.7; 
    }
    .p1{ 
    	margin: 0;
    	padding: 15px 0 5px 0;
    }
    .p2{ 
    	margin: 0;
    	padding: 5px 0;
    }
    #footer span{
    	color: #aaffff;
    }
    
    

    首页JS

    window.onload=function(){
        if(document.getElementById("fo") != null){
            document.getElementById("fo").onsubmit=function(){
                var yhm = document.getElementById("user01");
                var mm = document.getElementById("password01");
    
                if(!(/^1\d{10}$/.test(yhm.value))){          /*用正则表达式,检查输入的用户名格式是否为以1开头的11位数*/
                    alert("输入用户名格式错误,请重新输入以1开头的11位数用户名!");
                    return false;
                }
    
                if (mm.value != 12345) {
                    alert("密码输入错误,请重新输入!");
                    return false;
                }
               /* return ture;*/
            }
        }
    }
    
    
    
    

    在这里插入图片描述

    做得不太好,请多多包涵菜鸟,球球了,
    图片素材来自网络,侵删

    要源码,三连蟹蟹

    要源码,三连蟹蟹

    要源码,三连蟹蟹

    展开全文
  • 第16章 特别篇 当前构建web服务需要的实践技术——应对规模web服务须知 特别篇第1课 作业队列系统theschwartz、gearman 利用作业队列系统异步执行那些允许延迟的处理,可以改善用户体验。 TheSchwartz ...

    第16章 特别篇 当前构建web服务需要的实践技术——应对大规模web服务须知
    这里写图片描述
    特别篇第1课 作业队列系统theschwartz、gearman
    利用作业队列系统异步执行那些允许延迟的处理,可以改善用户体验。
    这里写图片描述
    TheSchwartz
    TheSchwartz 的作业队列采用了MySQL 这种RDBMS 。用MySQL 管理作业队列,能保证非常高的可靠性和稳定性。多数异步处理都是必须确实执行的重要处理,因此高可靠性是很大的优势。当然,速度会有一定损失,因此TheSchwartz 中的作业的粒度稍大一些比较好。
    Gearman
    Geallnan 这个作业队列系统比TheScheartz 轻量一些。作业队列不用RDBMS ,而是采用自带的守护程序Cdaemon) 作业信息保存在内存中,以保证性能。其代价就是可靠性的损失,因此不适合需要保证完成的任务。
    另外,客户端向Gearnlan 中放入作业时,可以有以下三种
    模式:
    ·同步的顺序处理
    .同步的并行处理
    ·异步的后台处理
    TheSchwartz 仅支持异步的后台处理,相比之下,采用Gearman 能够更灵活地进行处理。特别是同步并行处理,可以将互不依赖的作业并行处理,可以大幅度压缩整体处理时间。

    特别篇第2课 存储方式的选择rdbms还是key-value存储

    访问模式中,以下六个参数是选择存储系统的重要判断依据:
    ·平均数据大小
    ·最大大小
    ·新数据增加频率
    .更新频率
    ·删除频率
    .访问频率

    存储系统的种类:
    ·RDBMS: MySQL 、PostgreSQL 等
    ·分布式key-value 存储: memcached 、TokyoTyrant 等
    ·分布式文件系统: MogileFS 、GlusterFS 、Lustre
    ·其他存储系统: NFS 分布式文件系统、DRBD 、HDFSo

    RDBMS
    RDBMS (Relational Database Management System,关系型
    数据库管理系统) 就是用表形式保存数据,并多数采用SQL 语言操作数据的系统。它能保存各种各样的数据,而且查询功能强大,是通用性最强的存储系统。

    MySQL
    MySQL 的架构,如图A.2 所示,其特点是解析并执行SQL的功能模块和实际保存数据的功能模块相互分离。后者称为存储引擎,已有各种各样的实现。因此,除了默认的存储引擎之外,选择第三方实现的存储引擎也比较简单。
    主要的存储引擎有MyISAM 和InnoDB ,还有仍在开发的Maria 。

    MylSAM
    MyISAM 这个存储引擎的结构十分简单, 一个表在实际的文件系统中呈现为三个文件(定义、索引、数据)。对于未经update 、delete 的表也能快速进行insert 操作(插入操作)。而且,启动、停止也十分迅速,表移动、改变名称也可以从文件系统中直接进行,因此数据库的运维比较容易。
    相反, MyISAM 也有很多缺点。一旦数据库进程异常停止,
    就很可能损坏表。而且它不支持事务, update 、delete 、insert (追加数据之外〉会执行表锁定,在更新较多的应用中性能并不好等等。

    InnoDB
    InnoDB 是个与MyISAM 相对的存储引擎,它将数据保存在事先定义好的少数几个文件中,而且支持事务,拥有异常停止时的恢复功能,数据更新时执行行锁定等,有许多MyISAM 没有的优势。
    但是它也有缺点。比如数据量较大时启动、停止需要几分钟,表操作也必须完全通过数据库执行等。
    这里写图片描述

    分布式key-value存储

    key-value 存储是个成对保存key 和value 的简单存储系统,分布式key-value 存储就是在网络上应用key-value 存储,使之能够扩展到多台服务器上。与RDBMS 相比, key-value 存储的功能很弱,但性能会提升1 ~2 个数量级。

    key-value 存储中最有名的实现就是memcached。memcached不使用文件系统,完全在内存中执行, 因此速度非常快, 在全世界得到了广泛应用,应用事例十分丰富。由于完全在内存中执行,一旦重启,数据就会全部丢失。

    memcached

    memcached 是个分布式key-value 存储,实现简单,其特点是分布式算法由客户端函数库实现(如图A.3 所示)。
    分布式算法有很多,有将key 的散列值用服务器数量取余这种十分简单的算法,也有Consistent Hashing (一致性hash)等比较复杂的算法。应用程序最好是使用那种不容易受到服务器数量变化的影响,多台服务器中停掉一台也无所谓的实现。
    Hatena 现在采用的Perl 客户端函数库基本上Cache::Memcached: :Fast 。如前所述, memcached 完全在内存上执行,速度十分快,但进程重启会导致数据全部丢失。因此它显然不适合保存原始数据,也不适合保存需要花费很长时间重新生成的加工数据。

    memcached 的特点最适合保存缓存数据。举个典型的例子,从RDBMS 中读出数据并临时保存到memcached 中,再次需要该数据时首先访问memcached ,不命中时才去访问RDBMS 。除了RDBMS 之外, memcached 还能缓存外部资源的访问结果等,可作为各种缓存存储系统使用。
    如果仅限于保存缓存,那么服务器只需大量内存即可,对于CPU 性能和I/O 性能并没有太大要求。因此,可以用廉价硬件构建大规模缓存池,以减少需要昂贵硬件的RDBMS 服务器的数量。

    分布式文件系统
    分布式文件系统也是强大的候选存储系统。分布式文件系统从文件系统的特点上来看, 一般只适合保存大小超过某种程度的数据。除了NFS 这种考虑到这点的实现之外,多数实现都适合保存大量细小的数据。

    Mogi1eFS 是一个用Perl 实现的分布式文件系统,适合处理大量较小的文件。

    它适合绝大多数数据添加之后只有读取而不再更新的应用。也就是说,它适合接受图像上传的Web应用程序。

    存储服务器上的每个文件在实际的文件系统中也保存成一个文件。通常, 一个文件会冗余化成3个副本,这种设计保证了即使部分存储服务器发生故障导致数据丢失,系统整体也能继续正常运行。
    文件的存储位置和标识文件的key 之间的对应关系作为元数据保存在RDBMS 中。获取文件时,不像普通文件系统那样进行挂载,而是用WebDAV 协议获取。因此,使用MogileFS 需要应用程序做出相应的开发。

    这里写图片描述

    展开全文
  • 题目一:请查找资料,简单描述Web应用开发框架Vue.js、React.js、Angular.js的特点,及在移动应用方面的发展,每种400字至600字。 Web应用开发框架——Vue.js: 特点: 易用 已经会了 HTML、CSS、JavaScript?...
  • web开发技术课程相关

    2019-01-11 23:09:03
    web开发技术课程,包括:课堂PPT,代码(课堂案例,课堂练习答案,实战项目任务,课后作业答案),东大小伙伴无需下载,老师会给。
  • web大作业想界

    2012-11-22 08:44:34
    这是关于web开发运用的作业,里面继承web的现代最新技术
  • 个人介绍: 我是17级物联网工程3班的杨建宇。本人爱好篮球,音乐,喜欢与他人交朋友,业余时间喜欢练习英语口语对话。自从学习编程以来:从C语言到数据结构,自己课外所学习的MySQL的基本知识,java的入门。...
  • 2.为学生综合应用本专业所学习的多门课程知识(例如,软件工程、数据库、Java语言、Java Web开发等)创造实践机会。为学生提供主动学习、积极探索与大胆创新的机会。 3.掌握Android手机应用设计的方法与技巧。 三...
  • Web前端开发技术期末大作业,有些地方需要改动请自行修改
  • 该课题的主要目标是使用JavaWeb开发技术开发一个“星巴克网上商城系统”,该系统不仅需要满足顾客注册、登录、在web端浏览商品、查询线下门店、加入购物车、提交支付订单、查询已支付、未支付订单等的需求,还需要...
  • 2. 为学生综合应用本专业所学习的多门课程知识(例如,软件工程、数据库、Java语言、Java Web开发等)创造实践机会。为学生提供主动学习、积极探索与大胆创新的机会。 3. 掌握Android手机应用设计的方法与技巧。 ...
  • 大一上金老师的前端开发技术做的大作业就是阴阳师主题了,大三的WEB开发还是阴阳师主题,真是不忘初心呢(虽然已经把阴阳师卸掉了) 开发环境 Eclipse jee 2019-12+Tomcat 9.0+MySQL 文件目录 看着很多,其实...
  • 学习“基于互联网的计算”时Web Service布置的大作业,作业需求见“web service作业2013”文档。要求中推荐Java搭配axis,但根据个人技术背景,我选择的是Apache2.2+PHP5.3+MySQL5.5。 应用的功能很简单。但个人...
  • Web开发技术】Javascript编写的简易计算器

    万次阅读 多人点赞 2011-12-18 11:45:47
    08年9月入学,12年7月毕业,结束了我在软件学院愉快丰富的大学生活。... 用JS编写计算器 Javascript相当只简洁方便,颇有MATLAB之风 ...这是曾经web课上的作业,用js写个简单的计算器 这里关键是定义计算器的函数...
  • 6月--各种大作业的日子

    千次阅读 2013-06-22 08:34:17
     a,web开发技术大作业;b:嵌入式开发应用大作业;c:WINCE大作业;d:Linux嵌入式配置实时操作系统大作业;e:游戏软件开发大作业f:软件工程大作业.  我做了4个,其中游戏开发和软件工程算是自己独立
  • jsp(web作业

    2019-04-21 19:51:00
    SP即Java Server Pages,它和servlet技术一样,都是sun公司定义的一种用于开发动态web资源的技术。该技术的最大特点在于:写JSP就像写html,但它相比html而言,html只能为用户提供静态数据,而JSP技术允许在页面中...
  • jsp期末大作业

    2016-01-08 21:54:49
    JSP大作业1、培养运用JSP语句制作网页的能力; 2、活用所学的JSP知识制作简单的循环网页;...本系统是用netbeans、sqlserver、dreamweaver等WEB开发技术或网络工具完成一个的基本的图书借阅管理系统。
  • 一个Web端的教务管理系统 (“软件工程”课程大作业) 关于软件工程 关于软件工程这个专业,人们一直都有困惑。首先是困惑他跟计算机科学与技术有什么关系和区别,其次关心软工和街边北大青鸟广告说的有什么不同,...
  • 讲师有多个知名企业商业项目的成功经验,讲师将多年带领团队提供技术服务的知识提炼出初级前端开发工程师必备的知识点。课程提供了大量的案例和作业供学员掌握讲解的知识点,并在课时材料中提供扩展性阅读材料,帮助...
  • Java大作业

    2020-12-30 11:19:13
    根据计算机软件技术专业的整体培养目标,该课程的目标定位为:通过本课程的学习使学生具备Java Web应用开发相关知识、良好的编程习惯和手机应用软件开发的能力,能胜任Java Web相关开发工作任务。培养学生规范编码和...

空空如也

空空如也

1 2 3 4 5 ... 10
收藏数 197
精华内容 78
关键字:

web开发技术大作业