javaweb02

03_JavaWeb/.idea/.gitignore

@@ -1,8 +0,0 @@
-# Default ignored files
-/shelf/
-/workspace.xml
-# Datasource local storage ignored files
-/dataSources/
-/dataSources.local.xml
-# Editor-based HTTP Client requests
-/httpRequests/

03_JavaWeb/.idea/modules.xml

@@ -2,10 +2,7 @@
 <project version="4">
   <component name="ProjectModuleManager">
     <modules>
-      <module fileurl="file://$PROJECT_DIR$/01_html/01_html.iml" filepath="$PROJECT_DIR$/01_html/01_html.iml" />
       <module fileurl="file://$PROJECT_DIR$/03_JavaWeb.iml" filepath="$PROJECT_DIR$/03_JavaWeb.iml" />
-      <module fileurl="file://$PROJECT_DIR$/03_vue/03_vue.iml" filepath="$PROJECT_DIR$/03_vue/03_vue.iml" />
-      <module fileurl="file://$PROJECT_DIR$/书城/书城.iml" filepath="$PROJECT_DIR$/书城/书城.iml" />
     </modules>
   </component>
 </project>

03_JavaWeb/.idea/workspace.xml

@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AutoImportSettings">
+    <option name="autoReloadType" value="SELECTIVE" />
+  </component>
+  <component name="ChangeListManager">
+    <list default="true" id="2ce05ad0-7cdc-4302-a675-df76078d761e" name="Changes" comment="">
+      <change afterPath="$PROJECT_DIR$/01_html/img/img037.png" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/01_html/普通标签/快标签.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/01_html/普通标签/标签.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/01_html/表单标签/index.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/01_html/表单标签/login.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/01_html/表单标签/register.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/01_html/表单标签/userList.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/02_js/js/out.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/02_js/js基础/01入门案例.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/02_js/js基础/02_js引入方式.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/02_js/js基础/03_变量.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/02_js/js基础/04_函数.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/02_js/js基础/04_函数_练习.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/02_js/js基础/05_对象.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/02_js/js基础/06_数组.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/02_js/js基础/07_Json.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/.gitignore" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/modules.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/modules.xml" afterDir="false" />
+    </list>
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="JavaScript File" />
+        <option value="HTML File" />
+      </list>
+    </option>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/.." />
+  </component>
+  <component name="MavenImportPreferences">
+    <option name="generalSettings">
+      <MavenGeneralSettings>
+        <option name="mavenHome" value="D:/Program Files/apache-maven-3.6.3" />
+      </MavenGeneralSettings>
+    </option>
+  </component>
+  <component name="ProjectId" id="2OxAhaJMM8Kono02vuYAPHh1S6e" />
+  <component name="ProjectLevelVcsManager" settingsEditedManually="true">
+    <ConfirmationsSetting value="2" id="Add" />
+  </component>
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent">
+    <property name="DefaultHtmlFileTemplate" value="HTML File" />
+    <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
+    <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$/02_js/js基础" />
+    <property name="settings.editor.selected.configurable" value="MavenSettings" />
+    <property name="vue.rearranger.settings.migration" value="true" />
+  </component>
+  <component name="RecentsManager">
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="E:\VIP-23\javacode\03_JavaWeb\02_js\js基础" />
+      <recent name="E:\VIP-23\javacode\03_JavaWeb\01_html\img" />
+    </key>
+    <key name="MoveFile.RECENT_KEYS">
+      <recent name="E:\VIP-23\javacode\03_JavaWeb\01_html\img" />
+      <recent name="E:\VIP-23\javacode\03_JavaWeb\01_html\html" />
+    </key>
+  </component>
+  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="2ce05ad0-7cdc-4302-a675-df76078d761e" name="Changes" comment="" />
+      <created>1682491980942</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1682491980942</updated>
+      <workItem from="1682491982109" duration="3155000" />
+      <workItem from="1682563780044" duration="10000" />
+      <workItem from="1683700399258" duration="7520000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
+  <component name="Vcs.Log.Tabs.Properties">
+    <option name="TAB_STATES">
+      <map>
+        <entry key="MAIN">
+          <value>
+            <State />
+          </value>
+        </entry>
+      </map>
+    </option>
+    <option name="oldMeFiltersMigrated" value="true" />
+  </component>
+</project>

03_JavaWeb/01_html/普通标签/快标签.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <!--
+        div  （行标签）一个站一行
+
+        span （快标签）多个形成一行
+
+        可以转换
+    -->
+    <div style="border: 1px solid black;width: 100px;height: 100px;">This is a div block</div>
+    <div style="border: 1px solid black;width: 100px;height: 100px;">This is a div block</div>
+
+    <span style="border: 1px solid black;width: 100px;height: 100px;">This is a span block</span>
+    <span style="border: 1px solid black;width: 100px;height: 100px;">This is a span block</span>
+</body>
+</html>

03_JavaWeb/01_html/普通标签/标签.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+<!--
+    a 超链接
+    href 属性 跳转链接 请求地址
+    target 打开窗 位置
+        _blank新窗口
+        _self 当前窗口
+-->
+    <a href="https://www.baidu.com" target="_self">百度一下</a>
+
+    <hr>
+
+<!--
+    图片标签 img
+        src属性：图片的地址。
+            相对路径：
+                上一级目录 ../ 当前目录 ./ 省略
+
+            绝对路径：
+                盘符出发：
+
+        alt属性：
+            在图片不显示的时候描述
+-->
+    <img src="../img/img037.png" alt="美女">
+</body>
+</html>

03_JavaWeb/01_html/表单标签/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>首页</title>
+</head>
+<body>
+    <h3><a href="userList.html">用户列表</a></h3>
+    <h3><a href="login.html">登录</a></h3>
+    <h3><a href="register.html">注册</a></h3>
+</body>
+</html>

03_JavaWeb/01_html/表单标签/login.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>登录</title>
+</head>
+<body>
+
+  <!--
+     action 请求地址 数据提交地址
+     method 请求方式 post get
+     -->
+  <form action="#" method="get">
+      <table border="1px">
+        <thead><h1>登录页面</h1></thead>
+        <tbody>
+            <tr>
+                <td>用户名：</td>
+                <td><input type="text" name="username" placeholder="请输入用户名" ></td>
+            </tr>
+            <tr>
+                <td>密码：</td>
+                <td><input type="password" name="password" placeholder="请输入面膜" ></td>
+            </tr>
+            <tr>
+                <td colspan="2">
+                    <button type="button" >取消</button>
+                    <button type="reset" >重置</button>
+                    <button type="submit" >提交</button>
+                </td>
+            </tr>
+        </tbody>
+      </table>
+  </form>
+
+
+
+
+
+
+</body>
+</html>

03_JavaWeb/01_html/表单标签/register.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>注册页面</title>
+</head>
+<body>
+<form action="#" method="post">
+    <table border="1px">
+        <thead><h1>注册页面</h1></thead>
+        <tbody>
+        <tr>
+            <td>用户名：</td>
+            <td><input type="text" name="username" placeholder="请输入用户名" ></td>
+        </tr>
+        <tr>
+            <td>密码：</td>
+            <td><input type="password" name="password" placeholder="请输入面膜" ></td>
+        </tr>
+        <tr>
+            <td>性别：</td>
+            <td>
+                <input type="radio" name="sex" value="0" >女
+                <input type="radio" name="sex" value="1" checked >男
+            </td>
+        </tr>
+        <tr>
+            <td>爱好：</td>
+            <td>
+                <input type="checkbox" name="hobby" value="0" checked >篮球
+                <input type="checkbox" name="hobby" value="1" >足球
+                <input type="checkbox" name="hobby" value="2" >羽毛球
+                <input type="checkbox" name="hobby" value="3" checked >乒乓球
+                <input type="checkbox" name="hobby" value="4" >台球
+            </td>
+        </tr>
+        <tr>
+            <td>爱好：</td>
+            <td>
+                <select name="school" id="school" >
+                    <option value="1">---请选择---</option>
+                    <option value="2">---黑大---</option>
+                    <option value="3">---理工---</option>
+                    <option value="4">---黑工程---</option>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <td>文件：</td>
+            <td>
+                <input type="file" name="imgage" value="照片">
+            </td>
+        </tr>
+        <tr>
+            <td>自我介绍：</td>
+            <td>
+                <textarea name="desc" ></textarea>
+            </td>
+        </tr>
+        <tr>
+            <td>隐藏域：</td>
+            <td>
+                <input type="hidden" name="id"  value="1"></input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="2">
+                <button type="button" >取消</button>
+                <button type="reset" >重置</button>
+                <button type="submit" >提交</button>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+</form>
+</body>
+</html>

03_JavaWeb/01_html/表单标签/userList.html

@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>用户列表</title>
+</head>
+<style>
+
+    table,tr, td, th{
+        border: 1px solid black;
+    }
+
+</style>
+<body>
+    <!-- 序号 姓名 密码 学校 性别 地址 电话  学生表  -->
+    <h1>用户列表</h1>
+    <table cellspacing="0px" cellpadding="0px">
+        <tr>
+            <th>序号</th>
+            <th>姓名</th>
+            <th>密码</th>
+            <th>学校</th>
+            <th>性别</th>
+            <th>地址</th>
+            <th>电话</th>
+            <th>操作</th>
+        </tr>
+        <tr>
+            <td>1</td>
+            <td>张三</td>
+            <td>123123</td>
+            <td>黑龙江大学</td>
+            <td>男</td>
+            <td>北京</td>
+            <td>15555555555</td>
+            <td>
+                <a href="#">删除</a>
+                <a href="#">修改</a>
+            </td>
+        </tr>
+        <tr>
+            <td>1</td>
+            <td>张三</td>
+            <td>123123</td>
+            <td>黑龙江大学</td>
+            <td>男</td>
+            <td>北京</td>
+            <td>15555555555</td>
+            <td>
+                <a href="#">删除</a>
+                <a href="#">修改</a>
+            </td>
+        </tr>
+        <tr>
+            <td>1</td>
+            <td>张三</td>
+            <td>123123</td>
+            <td>黑龙江大学</td>
+            <td>男</td>
+            <td>北京</td>
+            <td>15555555555</td>
+            <td>
+                <a href="#">删除</a>
+                <a href="#">修改</a>
+            </td>
+        </tr>
+        <tr>
+            <td>1</td>
+            <td>张三</td>
+            <td>123123</td>
+            <td>黑龙江大学</td>
+            <td>男</td>
+            <td>北京</td>
+            <td>15555555555</td>
+            <td>
+                <a href="#">删除</a>
+                <a href="#">修改</a>
+            </td>
+        </tr>
+        <tr>
+            <td>1</td>
+            <td>张三</td>
+            <td>123123</td>
+            <td>黑龙江大学</td>
+            <td>男</td>
+            <td>北京</td>
+            <td>15555555555</td>
+            <td>
+                <a href="#">删除</a>
+                <a href="#">修改</a>
+            </td>
+        </tr>
+    </table>
+</body>
+</html>

03_JavaWeb/02_js/js/out.js

@@ -0,0 +1,6 @@
+// 获取元素
+let btn1 = document.getElementById("btn1");
+//点击事件
+btn1.onclick = function (){
+    console.log("hello")
+}

03_JavaWeb/02_js/js基础/01入门案例.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>入门案例</title>
+</head>
+<body>
+    <!--
+        sub_btn id 唯一的
+        button 按钮
+    -->
+    <button id="sub_btn" >hello按钮</button>
+</body>
+<!-- js文件中 js代码 -->
+<script>
+    //获取到元素
+    let btn = document.getElementById("sub_btn");
+    //添加事件 点击事件
+    btn.onclick = function (){
+        //控制台输入
+        console.log("hello")  //println
+        // 内置函数
+        alert("hello world")
+    }
+</script>
+</html>

03_JavaWeb/02_js/js基础/02_js引入方式.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>引入方式</title>
+
+</head>
+
+<body>
+    <button id="btn1" >测试按钮</button>
+</body>
+</html>
+<script src="../js/out.js"></script>
+<!-- 内部使用 script 标签 可以在任意位置  -->
+<!--<script>-->
+<!--    let btn = document.getElementById("btn");-->
+<!--    console.log(btn)-->
+<!--    //解释性  从上到下 执行-->
+<!--</script>-->

03_JavaWeb/02_js/js基础/03_变量.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>变量</title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    <!--变量-->
+    let a = 20.0;
+    let b = 20;
+    let c = "hello world";
+
+    console.log(a)
+    console.log(b)
+    console.log(c)
+
+    let d = true;
+    console.log(d)
+
+    //基础语法 if for 一模一样
+
+    let e = new Object();
+
+    console.log(e)
+
+    let f = new Date();
+
+    console.log(f)
+</script>

03_JavaWeb/02_js/js基础/04_函数.html

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+</body>
+</html>
+
+<script>
+    //内置函数
+    //alert("提示框")
+
+    //确认框
+    // let b = confirm("确认删除么");
+    // console.log(b)
+    // //if
+    // if (b){
+    //     console.log("删除")
+    // }else{
+    //     console.log("不删除")
+    // }
+
+
+    //输入框 略
+    //定义函数
+    //方式1
+    function showInfo(){
+        console.log("hello world")
+    }
+
+    //上面被覆盖 没有重载
+    function showInfo(a,b){
+        console.log(a)
+        console.log(b)
+    }
+
+    //调用
+    showInfo("hello")
+
+
+    //方式2
+    let method1 = function (){
+        console.log("method1")
+    }
+
+    method1();
+
+    let method2 = function (str){
+        //console.log(str)
+        return str;
+    }
+
+    let str = method2("你好");
+    console.log(str)
+
+</script>

03_JavaWeb/02_js/js基础/04_函数_练习.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+</body>
+</html>
+
+<script>
+    //求出 判断一个数是否是质数
+
+
+
+    // 返回值 boolean
+    // 参数 num
+    function check( num ){ // num 17  2 - 17-1
+        //标志
+        let flag = true;
+
+        for (let i = 2; i < num ; i++) {
+            if ( num % i == 0 ){
+                flag = false;
+                break;
+            }
+        }
+
+        return flag;
+    }
+
+    let num = 24;
+    let b = check(num);
+    console.log(b)
+
+</script>

03_JavaWeb/02_js/js基础/05_对象.html

@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    //new 创建对象
+
+    let o = new Object();
+
+    o.setName="zs";
+    o.setAge=18;
+    o.setAddress="北京海淀";
+
+    console.log(o)
+    //get获取不到
+    //console.log(o.getName())
+    console.log(o.setAge)
+
+    let o1 = new Object();
+    //在o1 对象下 添加属性 name age school
+    o1.name = "ls";
+    o1.age = 22;
+    o1.school = "北京大学";
+
+    console.log(o1)
+
+
+    // {} 声明对象
+    // 类 和 对象
+    let o2 = {
+        age:12,
+        name : "zs",
+
+        showInfo:function (){
+            console.log("showInfo")
+        }
+    }
+
+    console.log(o2);
+    //调用方法
+    o2.showInfo();
+
+    //设置 password 属性
+    o2.password = "123456";
+
+    console.log(o2.password);
+
+    //this关键字
+    console.log(this) //在方法外  window
+
+    function methodThis(){
+        //函数内指的是方法
+        console.log(this.name)
+    }
+
+    methodThis();
+
+    let o3 = {
+        methodThis1:function (){
+            console.log(this.name)
+        }
+    }
+
+    o3.methodThis1()
+
+</script>

03_JavaWeb/02_js/js基础/06_数组.html

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    // 数组 length
+    let arr = new Array();
+    //添加数据
+    arr.push("1")
+    arr.push("2")
+    arr.push(3)
+    arr.push("4")
+
+    //遍历
+    for (let i = 0; i < arr.length; i++) {
+        console.log(arr[i])
+    }
+
+    //根据, 字符串
+    let s = arr.join(",");
+
+    console.log(s) //传递 id 省略 , 处理
+
+    //返回数组
+    let arr1 =  s.split(",");
+
+    console.log(arr1)
+
+    //修改 删除  添加的方法
+    //splice()
+    // 参数 1 索引位置
+    // 参数 2 删除元素个数
+    // 参数 3 添加元素 任意参数
+
+    //修改第二个元素
+    // arr1.splice(1,1,222)
+
+    //删除后两个
+    //arr1.splice(2,2)
+
+    //在1 的位置添加元素
+    arr1.splice(1,0,"a","b","c")
+
+    console.log(arr1)
+
+    let arr2 = arr1.reverse();
+
+    console.log(arr2)
+
+    let arr3 = ["a","b"];
+
+    console.log(arr3)
+</script>

03_JavaWeb/02_js/js基础/07_Json.html

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    // Json
+
+    //{} = 对象
+    let person = {
+        name:"张三",
+        age:18
+
+    }
+    //{{}}
+    let person1 = {
+        name:"张三",
+        age:18,
+        wife:{
+            name:"lisi",
+            age:22
+        }
+    }
+
+    // [{}] 表中  集合 对象
+    let list = [
+        {name:"zs",age:22},
+        {name:"ls",age:23},
+        {name:"ww",age:24},
+        {name:"zl",age:25}
+    ]
+
+    console.log(person)
+    console.log(person1)
+    console.log(list)
+
+
+
+    let person2 = {
+        name:"张三",
+        age:18,
+        wife:{
+            name:"lisi",
+            age:22
+        },
+        children:[
+            {name:"小明"},
+            {name:"小红"}
+        ]
+    }
+
+    console.log(person2)
+
+    //json专字符串
+    let s = JSON.stringify(person2);
+
+    console.log(s)
+    //转json
+    let p = JSON.parse(s);
+    console.log(p)
+
+    //获取
+    console.log(p.wife.name)
+    console.log(p.children[0].name)
+
+</script>