今日总结

今天学了很多知识,学习了Hadoop,python,layui。

 

 

先说layui吧,从我学完jQuery之后,我在回过头看看layui的时候,我十分震惊,只是看了半个小时的layui视频,我就基本知道layui的原理,并独立自主的实现了,使用layui实现一些操作,并可以成功传入后台,并可以成功的从后台发出响应,前端可以成功接收响应并触发对应的事件和函数。其实说到底layui就是一个jQuery,只不过这个jQuery可以帮助我们更好的优化界面,是的一些页面效果变得十分的简单。甚至可以说,所有的框架都是jQuery,都是为了方便开发者开发,和用户有更好的体验效果。这就可以衍生出,今后我可以自由的使用任何一个框架,可以购买或者查询到一个用户使用效果极佳的框架进行开发,我就可以用更多的时间完成后台的编写。

 

总结一下如何使用layui吧!

1.导入相应的layui的js和css,这里我是直接导入了“layui/layui.all.js”这个js文件,这个是包括了layui所有的js文件,还有css文件,如何导入官网上有

2.layui中js代码。说到这里,说白了,和jQuery一摸一样,只是layui有它自己的规则,但是这种规则对于学过jQuery的人来说是非常容易上手的,我觉得这是layui如此火爆的重要原因。

好了,直接给代码:

<script> 
            layui.use(['form', 'layedit', 'laydate','element','jquery'],function(){
                var $=layui.jquery;
                var element=layui.element;
                var layer=layui.layer;
                //询问框点击事件
                $(document).on('click','#btn1',function(){
                    //询问框
                    layer.confirm('is not?', {icon: 3, title:'提示'}, function(index){
                      //函数
                      alert("询问框");
                      layer.close(index);
                    });
                });
                
                //提示框点击事件
                $(document).on('click','#btn2',function(){
                    //提示框
                    layer.msg('只想弱弱提示');
                    });
                
                
                //加载层点击事件
                $(document).on('click','#btn3',function(){
                    //加载层
                    var index = layer.load();
                });
                
                //输入层点击事件
                $(document).on('click','#btn4',function(){
                    //输入层
                    //例子2
                    layer.prompt({
                      formType: 2,
                      value: '初始值',
                      title: '请输入值',
                      area: ['800px', '350px'] //自定义文本域宽高
                    }, function(value, index, elem){
                      alert(value); //得到value
                      layer.close(index);
                    });
                });
                
                
                
            })
         </script>
script代码

这里总结一下,其中的主要思路吧

 

这里我实现了一些相应的效果截图如下:

 

 

 

 

还有一些实现了前后端交互的代码

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>layui弹出层使用测试</title>
        <meta name="renderer" content="webkit">
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
         <link rel="stylesheet" href="layui/css/layui.css"  media="all">
         <script src="layui/layui.all.js"></script>
         <script> 
            layui.use(['form', 'layedit', 'laydate','element','jquery'],function(){
                var $=layui.jquery;
                var element=layui.element;
                var layer=layui.layer;
                $(document).on('click','#btn1',function(){
                    alert("123");
                layer.msg('hello');
                });
                $(document).on('click','#btn2',function(){
                    $.ajax({
                        url:'Text',
                        type:'get',
                        dataType:'text',
                        success:function(data){
                            layer.msg(data);
                        }
                    })
                
                });
            })
         </script>
    </head>
    <body>
        <button type="button" class="layui-btn layui-btn-normal" id="btn1">警告弹出层</button><br/><br/><br/><br/>
        <button type="button" class="layui-btn layui-btn-normal" id="btn2">百搭按钮</button><br/>
    </body>
</html>
前端
package Servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class Text
 */
@WebServlet("/Text")
public class Text extends HttpServlet {
    private static final long serialVersionUID = 1L;

    /**
     * Default constructor. 
     */
    public Text() {
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        //关于response的必要设置
        response.setCharacterEncoding("utf-8");
//        response.setContentType("application/json;charset=utf-8");
//        response.setHeader("pragma","no-cache");
//        response.setHeader("cache-control","no-cache");
        
        String data="从servlet传过去的值";
        PrintWriter out=response.getWriter();
        out.print(data);
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}
后端servlet

举一反三嘛,这些东西搞懂之后,剩下的东西都是万变不离其宗!!!!!

 

 

在说说python吧

今天大概花了2个小时,就可以熟练使用python,实现一些基本的输入,输出,函数调用,有参函数,无参函数,获取函数的返回值

真的不得不说,虽然我觉得python,编写的时候非常奇怪,说简单吧,我觉得很难阅读,说难阅读吧,我又觉得python真的是傻子都能直接上手的语言,也可能是我还没开始着手python的具体项目的开发,这只是我今天学习了2个小时的心得。但是python之所以会火,肯定有它自己的原因,应该在我后续学习python,我会得到其他不一样的感受吧。

 

 

 

今天可以说是边学边思考,还是和我之前所说的一样,现在似乎无论学习任何一种知识,总是知道需要干嘛,需要学什么,总会不由自主的思考,其中的原理,至少现在不会觉得一种新知识,新领域会有多难,难就从基础开始,永远都要有从头再来的勇气。

 

 

 

 

!!!!!!加油!!!!!!!!!!!!!!!!!!!!!!!!!!

 

posted @ 2020-11-11 02:22  程序员亮亮丫!!  阅读(110)  评论(0编辑  收藏  举报