Web作业

  1. <!DOCTYPE html>
  2. <!--
  3.     作业描述：由于引用了JQuery库，所以请在联网的时候打开该页面。
  4.     本次作业是在上次作业的基础上的进一步完善，上次作业页面预留的登录按钮这次予以实现。
  5.     功能：1.点击登录按钮后弹出窗口，可分别点击登录和注册进行相关操作；
  6.           2.实现了文本、单选、多选、下拉列表等常用输入组件；
  7.           3.提供了数据是否输入、数据规则格式、正确性（比如数字或字符）等方面验证；
  8.           4.点击登录或注册后会显示登陆成功或注册成功；
  9.           5.登录或注册成功后，原登录按钮位置会出现“XXX，你好！”和退出按钮，点击退出后可重新登录；
  10. -->
  11. <html>
  12.     <head>
  13.         <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  14.         <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  15.         <title>电子论坛</title>
  16.         <style type="text/css">
  17.             .one{
  18.                 font-family: 宋体;
  19.                 font-size: 15px;
  20.                 font-weight: bold;
  21.                 color: white;
  22.             }
  23.             .two{
  24.                 font-family: 宋体;
  25.                 font-size: 20px;
  26.                 color: black;
  27.                 text-indent: 40px;
  28.             }
  29.             body{margin:0 auto;}
  30.             #container{height: 1000px;margin:0 auto;padding:0 auto;}
  31.  
  32.             #header{width: 100%;height: 40px;background-color: black;}
  33.             #select{width: 100%;text-align: right;background-color: black;}
  34.             #select #sel{background-color: black;color: white;border-radius: 10px;}
  35.             .login{margin-top: 10px;background-color: black;color: white;border-radius: 10px;cursor: pointer;}
  36.             .words{color: white;}
  37.             #navs{width: 100%;height: 100px;margin-top: 10px;}
  38.  
  39.             ul{list-style:none;height: 100px;background-color: white;padding-top: 10px;text-align: center;}
  40.             .nav>li{float:left;}
  41.             ul a{display:block;text-decoration: none;width:100px;height:50px;text-align: center;
  42.                 line-height: 50px;color:white;background-color: black;}
  43.             .nav>li:first-child a{border-radius:10px 0 0 10px;}
  44.             .nav>li:last-child a{border-radius: 0 10px 10px 0;}
  45.             .drop-down{position: relative;height: 50px;}
  46.             .drop-down-content{padding: 0;opacity: 0.3;height:0;overflow: hidden;transition: all 1s ease;}
  47.             .drop-down-content li:hover a{background-color:red;}
  48.             .nav .drop-down:hover .drop-down-content{opacity:1;height:150px;}
  49.  
  50.             #picture{width:100%;}
  51.             #content{width:800px;height:70%;margin-top: 80px;padding-left:20%;}
  52.             #new{width:100px;background-color: black;border: 1px solid black; border-radius: 10px;}
  53.             #footer{height: 5%;height: 40px;background-color: black;}
  54.  
  55.             img{width:80%;height:40%;align-content: center;}
  56.             .wrap {width: 60%;height: 250px;overflow: hidden;position: relative;padding-left:35%;margin-top: 80px;}
  57.             .wrap ul {display: inline;}
  58.             .wrap ul li {display: inline;}
  59.             .wrap ul li img {height: 100%;align-items: center;}
  60.             .wrap ol {position: absolute;left: 45%;bottom: 10px;list-style: none;display: inline;}
  61.             .wrap ol li {border-radius: 10px;height: 20px;width: 20px;background:black;border: solid 1px #666;margin-left: 5px;color: white;float: left;line-height: center;text-align: center;cursor: pointer;}
  62.             .wrap ol .on {background: #E97305;color: white;}
  63.  
  64.         </style>
  65.         <script type="text/javascript">
  66.             window.onload=function(){
  67.             var wrap=document.getElementById('wrap'),
  68.             pic=document.getElementById('pic').getElementsByTagName("li"),
  69.             list=document.getElementById('list').getElementsByTagName('li'),
  70.             index=0,
  71.             timer=null;
  72.  
  73.             // 定义并调用自动播放函数
  74.             timer = setInterval(autoPlay, 3000);
  75.  
  76.             // 鼠标划过整个容器时停止自动播放
  77.             wrap.onmouseover = function () {
  78.             clearInterval(timer);
  79.             }
  80.  
  81.             // 鼠标离开整个容器时继续播放至下一张
  82.             wrap.onmouseout = function () {
  83.             timer = setInterval(autoPlay, 3000);
  84.             }
  85.             // 遍历所有数字导航实现划过切换至对应的图片
  86.             for (var i = 0; i < list.length; i++) {
  87.             list[i].onmouseover = function () {
  88.             clearInterval(timer);
  89.             index = this.innerText - 1;
  90.             changePic(index);
  91.             };
  92.             };
  93.  
  94.             function autoPlay () {
  95.             if (++index >= pic.length) index = 0;
  96.             changePic(index);
  97.             }
  98.  
  99.             // 定义图片切换函数
  100.             function changePic (curIndex) {
  101.             for (var i = 0; i < pic.length; ++i) {
  102.             pic[i].style.display = "none";
  103.             list[i].className = "";
  104.             }
  105.             pic[curIndex].style.display = "inline-block";
  106.             list[curIndex].className = "on";
  107.             }
  108.  
  109.             };
  110.         </script>
  111.         <style type="text/css">
  112.             /*弹出窗口样式*/
  113.             .black_overlay{
  114.                 display: none;
  115.                 position: absolute;
  116.                 top: 0%;
  117.                 left: 0%;
  118.                 width: 100%;
  119.                 height: 100%;
  120.                 background-color: black;
  121.                 z-index:5;
  122.                 -moz-opacity: 0.8;
  123.                 opacity:.80;
  124.                 filter: alpha(opacity=80);
  125.             }
  126.             .white_content {
  127.                 display: none;
  128.                 position: absolute;
  129.                 top: 25%;
  130.                 left: 25%;
  131.                 width: 50%;
  132.                 height: auto;
  133.                 border: 3px solid lightblue;
  134.                 border-radius: 20px;
  135.                 background-color: white;
  136.                 z-index:6;
  137.             }
  138.             .justify{
  139.                 position: absolute;
  140.                 z-index:10;
  141.                 width: 100% ;
  142.             }
  143.             #logword{
  144.                 left:20px;
  145.             }
  146.             .close{
  147.                 position:absolute;
  148.                 font-size:20px;
  149.                 color:chocolate;
  150.                 border: #E97305;
  151.                 border-radius: 20px;
  152.                 width: 30px;
  153.                 height: 20px;
  154.                 left:97%;
  155.                 z-index: 7;
  156.                 cursor: pointer;
  157.                 text-align: center;
  158.             }
  159.             .content{
  160.                 position:absolute;
  161.                 z-index: 7;
  162.                 border: 20px black;
  163.                 font-size: 15px;
  164.                 padding-left: 30%;
  165.                 padding-top: 5%;
  166.                 top: 5%;
  167.             }
  168.             .inputw{
  169.                 outline: none;
  170.                 border:10px cadetblue;
  171.                 border-radius: 10px;
  172.                 width: 200px;
  173.                 height: 25px;
  174.                 opacity: 0.8;
  175.                 text-indent: 10px;
  176.             }
  177.             .button1{
  178.                 outline: none;
  179.                 width: 50px;
  180.                 height: 30px;
  181.                 border:0px cadetblue;
  182.                 border-radius: 20px;
  183.                 background-color: cornflowerblue;
  184.                 text-align: center;
  185.                 cursor: pointer;
  186.                 opacity: 0.9;
  187.             }
  188.             .word1{
  189.                 color: cadetblue;
  190.                 font-weight: bold;
  191.                 font-size: 20px;
  192.                 text-align: center;
  193.             }
  194.             .word2{
  195.                 color: cadetblue;
  196.                 font-weight: bold;
  197.                 font-size: 20px;
  198.                 cursor: pointer;
  199.                 display: inline;
  200.             }
  201.             .nality{
  202.                 border: 10px cadetblue;
  203.                 border-radius: 10px;
  204.                 width: 100px;
  205.                 height: 25px;
  206.                 opacity: 0.9;
  207.                 outline: none;
  208.                 text-indent: 20px;
  209.             }
  210.             .options{
  211.                 border: 10px cadetblue;
  212.                 border-radius: 10px;
  213.                 width: 100px;
  214.                 height: 25px;
  215.                 opacity: 0.9;
  216.                 outline: none;
  217.                 text-indent: 10px;
  218.             }
  219.             .sword{
  220.                 color: cadetblue;
  221.                 font-weight: bold;
  222.                 font-size: 15px;
  223.             }
  224.             .falseSignal{
  225.                 /*display: inline;*/
  226.                 color: red;
  227.                 text-indent: 65px;
  228.             }
  229.             .trueSignal{
  230.                 display: inline;
  231.                 border-radius: 20px;
  232.             }
  233.         </style>
  234.         <script type="text/javascript">
  235.             //弹出隐藏层
  236.             function ShowDiv(show_div,bg_div){
  237.                 document.getElementById(show_div).style.display='block';
  238.                 document.getElementById(bg_div).style.display='block' ;
  239.                 var bgdiv = document.getElementById(bg_div);
  240.                 bgdiv.style.width = document.body.scrollWidth;
  241.                 // bgdiv.style.height = $(document).height();
  242.                 $("#"+bg_div).height($(document).height());
  243.                 document.getElementById('resword').style.display='none' ;
  244.                 document.getElementById('login').style.color='chocolate';
  245.                 document.getElementById('login').style.fontSize='30px';
  246.                 document.getElementById('userfalse1').style.display='none' ;
  247.                 document.getElementById('userfalse2').style.display='none' ;
  248.                 document.getElementById('pwdfalse1').style.display='none' ;
  249.                 document.getElementById('pwdfalse2').style.display='none' ;
  250.                 document.getElementById('pwdfalse3').style.display='none' ;
  251.             };
  252.             //关闭弹出层
  253.             function CloseDiv(show_div,bg_div)
  254.             {
  255.                 document.getElementById(show_div).style.display='none';
  256.                 document.getElementById(bg_div).style.display='none';
  257.             };
  258.             function showlog(){
  259.                 document.getElementById('logword').style.display='block' ;
  260.                 document.getElementById('login').style.color='chocolate';
  261.                 document.getElementById('login').style.fontSize='30px';
  262.                 document.getElementById('resword').style.display='none' ;
  263.                 document.getElementById('register').style.color='cadetblue' ;
  264.                 document.getElementById('register').style.fontSize='20px';
  265.                 clearText();
  266.             }
  267.             function showres(){
  268.                 document.getElementById('logword').style.display='none' ;
  269.                 document.getElementById('login').style.color='cadetblue' ;
  270.                 document.getElementById('login').style.fontSize='20px';
  271.                 document.getElementById('resword').style.display='block' ;
  272.                 document.getElementById('register').style.color='chocolate' ;
  273.                 document.getElementById('register').style.fontSize='30px';
  274.                 clear();
  275.             }
  276.         </script>
  277.         <script type="text/javascript">
  278.             /*表单验证*/
  279.             function check(form){
  280.                 if(form.user.value=="" || form.user.value=="请输入用户名" || (form === form2 && (form.user.value=="" || form.user.value=="4-8位字符组合"))){
  281.                     alert("请输入用户名！");
  282.                     form.user.focus();
  283.                     return;
  284.                 }
  285.                 else if(form.pwd.value=="" || form.pwd.value=="请输入密码"  || (form === form2 && (form.pwd.value=="" || form.pwd.value=="6-16位字符组合"))){
  286.                     alert("请输入密码！");
  287.                     form.pwd.focus();
  288.                     return;
  289.                 }
  290.                 else if(form === form2 && (form.certify.value=="" || form.certify.value=="请再次输入密码")){
  291.                     alert("请再次确认密码!");
  292.                     form.certify.focus();
  293.                     return;
  294.                 }
  295.                 else{
  296.  
  297.                     if(form.submit1.value=='登录')
  298.                         alert("登录成功");
  299.                     else
  300.                         alert("注册成功");
  301.                     document.getElementById('slog').style.display='none' ;
  302.                     document.getElementById('user1').innerText=form.user.value+',你好!';
  303.                     document.getElementById('sout').style.display='inline' ;
  304.                     CloseDiv('MyDiv','fade');
  305.                     /*form.submit();*/
  306.                 }
  307.             }
  308.             var regexs=/^[a-zA-Z0-9_]+$/;
  309.             function f1(form, tag_id, toal){
  310.                 regexs.lastIndex=0;
  311.                 if(form.user.value==""){
  312.                     document.getElementById(tag_id).style.display='none' ;
  313.                 }
  314.                 else if(form.user.value.length < 4 || form.user.value.length > 8){
  315.                     document.getElementById(tag_id).style.display='block' ;
  316.                     document.getElementById(toal).innerText='*请输入4-8位字符';
  317.                     form.user.focus();
  318.                 }
  319.                 else if(!regexs.test(form.user.value)){
  320.                     document.getElementById(tag_id).style.display='block' ;
  321.                     document.getElementById(toal).innerText='*只能输入英文字母、数字和下划线';
  322.                     form.user.focus();
  323.                 }
  324.                 else{
  325.                     document.getElementById(tag_id).style.display='none' ;
  326.                 }
  327.             }
  328.             function f2(form, tag_id, toal){
  329.                 regexs.lastIndex=0;
  330.                 if(form.pwd.value==""){
  331.                     document.getElementById(tag_id).style.display='none' ;
  332.                 }
  333.                 else if((form.pwd.value.length < 6 || form.pwd.value.length > 16) && !(form.pwd.value=="请输入密码" || form.pwd.value=="6-16位字符组合")){
  334.                     document.getElementById(tag_id).style.display='block' ;
  335.                     document.getElementById(toal).innerText='*请输入6-16位字符';
  336.                     form.pwd.focus();
  337.                 }
  338.                 else if(!regexs.test(form.pwd.value)){
  339.                     document.getElementById(tag_id).style.display='block' ;
  340.                     document.getElementById(toal).innerText='*只能输入英文字母、数字和下划线';
  341.                     form.user.focus();
  342.                 }
  343.                 else{
  344.                     document.getElementById(tag_id).style.display='none' ;
  345.                 }
  346.             }
  347.             function f3 (form, tag_id){
  348.                 if(form.certify.value != form.pwd.value && form.certify.value != ""){
  349.                     document.getElementById(tag_id).style.display='block' ;
  350.                     form.pwd.focus();
  351.                 }
  352.                 else{
  353.                     document.getElementById(tag_id).style.display='none' ;
  354.                 }
  355.             }
  356.             /*退出登录*/
  357.             function clearText(){
  358.                 form1.user.value="";
  359.                 form1.pwd.value="";
  360.                 form2.user.value="";
  361.                 form2.pwd.value="";
  362.                 form2.certify.value="";
  363.                 document.getElementById('userfalse1').style.display='none' ;
  364.                 document.getElementById('pwdfalse1').style.display='none' ;
  365.             }
  366.             function clearForm(){
  367.                 document.getElementById('slog').style.display='inline' ;
  368.                 document.getElementById('sout').style.display='none' ;
  369.                 clearText();
  370.                 alert('退出成功');
  371.             }
  372.         </script>
  373.     </head>
  374.     <body onload="init()">
  375.         <div id="container">
  376.             <header><div id="header" class="one">
  377.                 <div id="select">
  378.                     <span style="float: left;margin-top: 12px;">&nbsp;&nbsp;集团网址</span>
  379.                     语言选择:
  380.                     <select name="" id="sel">
  381.                         <option value="" selected>中文</option>
  382.                         <option value="">English</option>
  383.                     </select>&nbsp;|&nbsp;
  384.                     <div id="slog" style="display: inline;">
  385.                         <input name="logins" type="button" onclick="ShowDiv('MyDiv','fade')" value="登录" class="login">&nbsp;&nbsp;&nbsp;
  386.                     </div>
  387.                     <div id="sout" style="display: inline;" class="words">
  388.                         <span id="user1"></span>
  389.                         <input name="logouts" type="button" onclick="clearForm()" value="退出" class="login">&nbsp;&nbsp;&nbsp;
  390.                     </div>
  391.                 </div>
  392.             </div></header>
  393.             <nav><div id="navs">
  394.                 <ul class="nav">
  395.                     <li><a href="#">首页</a></li>
  396.                     <li class="drop-down"><a href="#">手机</a>
  397.                         <ul class="drop-down-content">
  398.                             <li><a href="">iPhone</a></li>
  399.                             <li><a href="">HuaWei</a></li>
  400.                             <li><a href="">XiaoMi</a></li>
  401.                         </ul>
  402.                     </li>
  403.                     <li class="drop-down"><a href="">平板</a>
  404.                         <ul class="drop-down-content">
  405.                             <li><a href="">iPad</a></li>
  406.                             <li><a href="">HuaWeiPad</a></li>
  407.                         </ul>
  408.                     </li>
  409.                     <li class="drop-down"><a href="">笔记本</a>
  410.                         <ul class="drop-down-content">
  411.                             <li><a href="">Mac</a></li>
  412.                             <li><a href="">MateBook</a></li>
  413.                         </ul>
  414.                     </li>
  415.                     <li class="drop-down"><a href="">产品服务</a>
  416.                         <ul class="drop-down-content">
  417.                             <li><a href="">产品支持</a></li>
  418.                             <li><a href="">技术论坛</a></li>
  419.                         </ul>
  420.                     </li>
  421.                 </ul>
  422.  
  423.             </div></nav>
  424.             <div class="wrap" id="wrap">
  425.                 <ul id="pic">
  426.                    <li><img src="" alt="图1"></li>
  427.                    <li><img src="" alt="图2"></li>
  428.                    <li><img src="" alt="图3"></li>
  429.                    <li><img src="" alt="图4"></li>
  430.                    <li><img src="" alt="图5"></li>
  431.                  </ul>
  432.                 <ol id="list">
  433.                    <li class="on">1</li>
  434.                    <li >2</li>
  435.                    <li >3</li>
  436.                    <li >4</li>
  437.                    <li >5</li>
  438.                  </ol>
  439.             </div>
  440.             <div id="content">
  441.                 <div id="new" class="one" style="text-align: center;">
  442.                     最近新闻
  443.                 </div>
  444.                 <h1 style="color: black;text-align: center;">专业评测AnandTech：iPhone11系列性能超对手两倍</h1>
  445.                 <p class="two">
  446.                     近日，被誉为是「互联网行业最专业的硬件评测网站之一」的 AnandTech，发布了他们的 iPhone 11系列详细评测报告，对 iPhone 11 系列的性能表现进行了详尽的评测和分析。对于 A13 的综合表现，AnandTech 总结指出，目前 A13 在市场上还没有竞争对手，性能几乎是其他非苹果 SoC 的两倍，甚至能和 AMD 以及英特尔的台式机处理器相抗衡。除了 A13 芯片的性能依旧强劲之外，电池续航也是今年 iPhone 11 系列最大的提升之一，尤其是 iPhone 11 Pro 两款机型在电池续航方面的表现令人印象深刻。
  447.                 </p>
  448.             </div>
  449.             <!--弹出层时背景层DIV-->
  450.             <div id="fade" class="black_overlay"></div>
  451.             <div id="MyDiv" class="white_content">
  452.                 <div class='close' onclick="CloseDiv('MyDiv','fade')">X</div>
  453.                 <div class="content">
  454.                         <div style="text-align: center;width: auto;">
  455.                             <div class="word2" id = "login" onclick="showlog()">登录</div><span class="word1">/</span>
  456.                             <div class="word2" id = "register" onclick="showres()">注册</div><br>
  457.                         </div><br>
  458.                         <div id="logword">
  459.                             <form name="form1" action="test.html" method="POST">
  460.                                 <span class="word2">账号：</span>
  461.                                 <input type="text"  name="user" class="inputw" placeholder="请输入用户名" onblur="f1(form1, 'userfalse1', 'userfo1')" >
  462.                                 <div id="userfalse1" class="falseSignal"><span id="userfo1"></span></div>
  463.                                 <br>
  464.                                 <span class="word2">密码：</span>
  465.                                 <input type="password" name="pwd" class="inputw" placeholder="请输入密码" onblur="f2(form1,'pwdfalse1', 'pwdfo1')" >
  466.                                 <div id="pwdfalse1" class="falseSignal"><span id="pwdfo1"></span></div><br><br>
  467.                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  468.                                 <input type="button" name="submit1" class="button1" value="登录" onclick="check(form1)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  469.                                 <input type="reset" name="button2" class="button1" value="重置">
  470.                             </form>
  471.                         </div>
  472.                         <div id="resword">
  473.                             <form name="form2" action="test.html" method="POST">
  474.                                 <span class="word2">账号：</span>
  475.                                 <input type="text"  name="user" class="inputw" onblur="f1(form2,'userfalse2','userfo2')" placeholder="4-8位字符组合">
  476.                                 <span id="userfalse2" class="falseSignal"><span id="userfo2"></span></span><br>
  477.                                 <span class="word2">密码：</span>
  478.                                 <input type="password" name="pwd" class="inputw" onblur="f2(form2,'pwdfalse2', 'pwdfo2')" placeholder="6-16位字符组合">
  479.                                 <div id="pwdfalse2" class="falseSignal"><span id="pwdfo2"></span></div><br>
  480.                                 <span class="word2">确认：</span>
  481.                                 <input type="password" name="certify" class="inputw" onblur="f3(form2,'pwdfalse3')" placeholder="请再次输入密码">
  482.                                 <div id="pwdfalse3" class="falseSignal">*两次输入密码不一致</div><br>
  483.                                 <span class="word2">性别：</span>
  484.                                 <input type="radio" name="sex" value="男"><span class="sword">男</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  485.                                 <input type="radio" name="sex" value="女"><span class="sword">女</span><br>
  486.                                 <span class="word2">爱好：</span>
  487.                                 <input type="checkbox" name="habit" value="唱"><span class="sword">唱</span>
  488.                                 <input type="checkbox" name="habit" value="跳"><span class="sword">跳</span>
  489.                                 <input type="checkbox" name="habit" value="Rap"><span class="sword">Rap</span>
  490.                                 <input type="checkbox" name="habit" value="篮球"><span class="sword">篮球</span>&nbsp;<br>
  491.                                 <span class="word2">国籍：</span>
  492.                                 <select name="nationality" id="na" class="nality">
  493.                                     <option value="China">中国</option>
  494.                                     <option value="USA">美国</option>
  495.                                     <option value="Japanese">日本</option>
  496.                                 </select><br>
  497.                                 <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  498.                                 <input type="button" name="submit1" class="button1" value="注册" onclick="check(form2)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  499.                                 <input type="reset" name="button2" class="button1" value="重置">
  500.                             </form>
  501.                         </div>
  502.                     </div>
  503.                 </div>
  504.             <footer><div id="footer" class="one">
  505.                 <span style="float:left;margin-top: 12px;">&nbsp;&nbsp;&nbsp;&nbsp;&copy;2019 莫莫君的公司</span>
  506.                 <span style="float: right;margin-top: 12px;">&nbsp;&nbsp;联系我们&nbsp;|&nbsp;法律声明&nbsp;|&nbsp;隐私政策&nbsp;&nbsp;</span>
  507.             </div></footer>
  508.         </div>
  509.     </body>
  510. </html>

9.一次简单的Web作业的更多相关文章

  1. 简单web作业---书籍介绍的相关网页编写

    老师布置的web作业,我做了3个页面,其中有利用老师的css代码! 我有添加背景音乐,下面的是主界面的代码. <!DOCTYPE html> <html> <head&g ...

  2. Python 实现简单的 Web

    简单的学了下Python, 然后用Python实现简单的Web. 因为正在学习计算机网络,所以通过编程来加强自己对于Http协议和Web服务器的理解,也理解下如何实现Web服务请求.响应.错误处理以及 ...

  3. 使用 Nodejs 搭建简单的Web服务器

    使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程,因为要完成一个简单的Web服务器,你需要学习Nodejs中几个比较重要的模块,比如:http协议模块.文件系统.url解析模块. ...

  4. 使用Servlet和JSP实现一个简单的Web聊天室系统

    1 问题描述                                                利用Java EE相关技术实现一个简单的Web聊天室系统,具体要求如下. (1)编写一个登录 ...

  5. 20145216 20145330 《信息安全系统设计基础》 实验五 简单嵌入式WEB 服务器实验

    20145216 20145330 <信息安全系统设计基础> 实验五 简单嵌入式WEB 服务器实验 实验报告封面 实验步骤 1.阅读理解源码 进入/arm2410cl/exp/basic/ ...

  6. 自己动手模拟开发一个简单的Web服务器

    开篇:每当我们将开发好的ASP.NET网站部署到IIS服务器中,在浏览器正常浏览页面时,可曾想过Web服务器是怎么工作的,其原理是什么?“纸上得来终觉浅,绝知此事要躬行”,于是我们自己模拟一个简单的W ...

  7. 深入剖析tomcat之一个简单的web服务器

    这个简单的web服务器包含三个类 HttpServer Request Response 在应用程序的入口点,也就是静态main函数中,创建一个HttpServer实例,然后调用其await()方法. ...

  8. 20145208《信息安全系统设计基础》实验五 简单嵌入式WEB 服务器实验

    20145208<信息安全系统设计基础>实验五 简单嵌入式WEB 服务器实验 20145208<信息安全系统设计基础>实验五 简单嵌入式WEB 服务器实验

  9. 用Python建立最简单的web服务器

    利用Python自带的包可以建立简单的web服务器.在DOS里cd到准备做服务器根目录的路径下,输入命令: python -m Web服务器模块 [端口号,默认8000] 例如: python -m ...

随机推荐

  1. Dom编程-左侧菜单栏设计模型实现

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 本地连接Linux工具

    连接Linux命令 finaXshell 工具好用: 链接:https://pan.baidu.com/s/13yyOhi7GzcZNTxXseGO_fA 提取码:n4t6 上次Linux 文件工具: ...

  3. Vanya and Scales CodeForces - 552C (思维)

    大意: $101$个砝码, 重$w^0,w^1,...,w^{100}$, 求能否称出重量$m$. w<=3时显然可以称出所有重量, 否则可以暴力双端搜索. #include <iostr ...

  4. CSP2019螺旋升天爆炸记

    Day -N 半年没碰OI的我终于又回到了这个熟悉又陌生的地方.然后颓废了两天就过了初赛? 初赛rp爆棚考了全校第一,然并卵 然后就是打了遍树状数组模板,写挂了(没错我现在连树状数组都会写挂) 看一眼 ...

  5. JS基础_流程控制语句

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. Go语言并发机制

    Go语言中的并发 使用goroutine编程 使用 go 关键字用来创建 goroutine .将go声明放到一个需调用的函数之前,在相同地址空间调用运行这个函数,这样该函数执行时便会作为一个独立的并 ...

  7. plist文件的归档,解档

    plist文件 plist的根Type只能是字典(NSDictionary)或者是数组(NSArray)所以归档时我们只能将数组或字典保存到plist文件中,但是NSString也能通过归档保存到pl ...

  8. JavaScript事件的基本学习

  9. java_day05_类和对象

    chap05目标:类和对象---------------------------------------------- 1.OOP特征概述 Java的编程语言是面向对象的,采用这种语言进行编程称为面向 ...

  10. 目标检测之车辆行人（darknet版yolov3）

    序言      自动驾驶是目前非常有前景的行业,而视觉感知作为自动驾驶中的“眼睛”,有着非常重要的地位和作用.为了能有效地识别到行驶在路上的动态目标,如汽车.行人等,我们需要提前对这些目标的进行训练, ...