全栈学习之心态爆炸的每一天！！！

因为学习Python，然后呢就学到了Django框架，在B站呢就搜到了“老男孩全栈教程”，还饶有兴趣的学了起来，一开始还是可以接受的，但是随着学习的深入，用到的东西也越来越多，像这个Ajax，jQuery，是真心不会这两个框架，为了能更快地跟上视频的进度，我选择先去学习前端，总的来说，HTML语言还是比较简单的，目前的话已经开始接触到CSS,这个框架总的来说很好用，但是需要掌握的东西还是比较多的，哦对了，在这里要感谢一下pink老师，讲的很好，而且他的视频每个都比较短，他的视频共有388p，我在三天之内爆淦92p，今天还有25p没有看完呢，我会抓紧的(昨晚熬夜到1点），今晚可能还要熬夜了吧。
闲话不说了，跟随着老男孩视频做的一个学院管理（还是得吐槽一下，真的是越来越难了，30分钟的视频我得看一个小时），然后把其中的班级管理的代码承上给各位爷看一下：

    
    
    
    "stylesheet" href="/static/font-awesome-4.7.0/css/font-awesome.min.css">




 
班级列表
 

     "/add_class/" class="text">
         "fa fa-hand-o-right fa-fw" aria-hidden="true">: ;添加
     



     "showModal();" class="word">
         "fa fa-user-circle-o fa-fw " aria-hidden="true">: ;对话框添加
     

 


"school">
     "https://www.ytu.edu.cn/" target="_blank" >

         "fa fa-picture-o  fa-pull-left fa-border" aria-hidden="true"> ;

     


    {
     % for row in class_list %}{
     %  endfor %}

    

    

        
ID
        
班级名称
        
操作
    
    

    

    
    

        
{
     {
      row.id }}
        
{
     {
      row.title }}
        

            {
     {
      row.id }}">编辑
            |
            "modelEdit(this);">对话框编辑
            |
            {
     {
      row.id }}">删除
        
    
    
    


    
"shadow" class="shadow hide">
    
"modal" class="modal hide">

        
"post" action="/modal_add_class/">
        

            
班级ID
            "id" type="text" name="id"/>
            
班级名称
            "title" type="text" name="title"/>
            "errormeg">
        

            "button" value="提交" οnclick="AjaxSend();"/>
            "button" value="取消" οnclick="CancleModel();"/>
        
    

    
"editmodal" class="modal hide">
        
"post" action="/modal_edit_class/">
        

            
对话框编辑（此处更改ID无效）
            
班级ID
            "editId" type="text" name="id"/>
            "errormeg">
            
班级名称
            "editTitle" type="text" name="title"/>
            "errormeg">

        

            "button" value="提交" οnclick="EditAjaxSend();"/>
            "button" value="取消" οnclick="CancleModel();"/>
        
    

 

tips：没有找到HTML格式，就只能用CSS格式了
网页如下图：

在这里呢自己也用自己学到一些前端，稍微修改了一下，还有font-Awesome的一些图标修饰了一下（做的也不好看，主要是为了联系一下吧）。

通过这一段时间的学习，我逐渐明白了全栈的含义吧，就是后台去数据库拿（筛选）数据，将数据传给前端，前端再用html将数据用文字，表格或者图片的形式呈现给用户，在这个过程还有很多细节的地方，比如后台要将前端传回的数据进行整理放入数据库等等吧，我对于全栈的理解就是这些吧，才疏学浅，也纯属于在胡扯吧。

数据库 <–> 后台 <–> 前端，这个过程是双向的，三者缺一不可，继续努力吧，明后天我买的Django的书也应该差不多到了，目前所有编程的知识几乎都是自学的，学这些东西只是看视频我觉得效果都挺一般的，所以学到那些地方都是买书配合视频区学习，最近攒的博客但就是这些吧，主要是为了吐槽一下，快七点了，还有几个任务没有完成呢，就先写到着吧，等前端学完了就把html和css，后面好像还会学js(应该就是jQuery吧），到时都像亨利一下再把笔记携程博客。

最后把学院管理的其他几个子页面截图放上来：
1、添加班级：

2、对话框添加班级

3、鼠标放到图标上会出现提示：“点击图片跳转至烟台大学官网”，当然，点击之后是会真的跳转哦

4、点击表格的编辑

5、点击表格的对话框编辑