一、前台页面制作

二、轮播图动态渲染

image.png

三、动态路由

image.png

四、成功案例分类渲染以及渲染出所有成功案例下面的数据

$in 操作：
查询 field 值与指定数组中任何值相等的 MongoDB 文档.

五、前台根据分类筛选数据以及数据分页

六、网站SEO优化技巧以及设置网站所有页面的标题、关键字、描述以及配置友情链接

1.介绍

seo优化： 也叫搜索引擎优化；
我们写的页面不仅要给人看，还要给百度 或者其他搜索引擎看。

2.搜索引擎优化的几个技术点：

1.网站的标题 、关键字 、描述必须设置
2、图片要加alt <img src="../xxx.png" alt="koa教程" />
3、html标签的合理使用（符合w3c标准） 布局 div 、 列表 ul li 、a 、 p 、 h1--h6 等等
4、h标签的合理使用 h1标签权重最高一个页面建议只出现一次，和title的内容一样
5、内链 、外链的合理使用
6、内容为王(原创)
7、长尾关键词
.....

七、Koa2为单页面应用Vue Angualr提供api接口（get post jsonp）以及在Koa2中配置允许跨域请求数据实现前后端分离

1.安装使用

image.png

2.api书写

image.png
3.可通过ajax请求api
image.png

4.ajax jsonp跨域

image.png

5.Ajax跨域请求数据之后台允许跨域koa2-cors

image.png
6. image.png

八、Koa2为单页面应用Vue Angualr提供api接口前后端分离RESTful API设计指南

1.介绍

image.png

2.考虑方面

image.png
image.png
3.过滤方式、请求数据方式、返回数据、安全

九、内容管理系统发布上线前的准备工作 购买域名 服务器、域名备案、 域名解析、Nginx 理论

1.如果要让我们的网站可以被别人访问，我们必须要做如下准备工作。
    域名：    www.baidu.com         www.qq.com             www.xxx.com     
    服务器：  云主机   、 虚拟空间
    
2.如何购买域名和服务器？

    万网  （阿里云收购）
    西部数码
    ......

    购买域名：搜索域名  选中域名   下一步加入购物车 支付

    购买服务器：
        虚拟主机不支持nodejs  注意一下。
        应用引擎BAE    https://cloud.baidu.com/product/bae.html   （支持nodejs）    

3.如何链接远程的服务器 

    windows+r  输入 mstsc  打开远程链接地址

    或者通过搜索 远程链接 打开远程链接窗口
    
4、如何把本地的程序上传到远程服务器

    1.ftp
    2.直接复制
    3、svn
    4、git

5、如何让远程电脑运行nodejs程序

    1、需要在远程电脑安装nodejs  、安装mongodb
    2、就可以通过ip地址访问这个程序     http://39.108.159.135:3000/ 通过ip地址访问

6、通过域名来访问nodejs程序？
    域名和服务器关联起来（域名解析）
    
    1. 配置域名解析
    2、用户直接访问域名相当于就是访问这个ip地址
    用户输入www.itying.com     实际访问的是   111.111.111.111
    
    通过ping命令可以知道当前域名指向那个服务器
    ping www.baidu.com  
    ping a.itying.com

7、如何让一个服务器放n个nodejs网站   
    nginx转发 负载均衡

8、域名备案：
    如果直接解析到服务器的话 （拒绝）,刚买的域名没法直接解析

    域名备案：管理局登记一下你的域名信息 （20工作日）
    如果自己不会备案，花20-50元到就近的外包公司备案
    如果自己会： 幕布（买）  西部数码幕布
    如果还是不会 可以提交工单

十、域名解析实战Nodejs程序发布实战Mongodb数据库导入实战Nginx负载均衡实现一个服务器放n个nodejs程序实战演

域名解析

image.png
image.png

1.创建nodejs网站  可以是多个网站
    http://127.0.0.1:8010
    http://127.0.0.1:8011
    http://127.0.0.1:8012

2.下载nginx
    解压的c盘

3.配置nginx
    C:\nginx\conf\nginx.conf

4.配置nginx.conf

    1.找到 http，在http里面加入

        # server 127.0.0.1:8000;        转发的服务器地址
        
        http {
               upstream backaaa {
                   #ip_hash;
                   server 127.0.0.1:8000;        
                }
                 upstream backbbb {
                   #ip_hash;
                   server 127.0.0.1:8001;
                }
        }

    2.注释掉
         http{
         server {       
            #location / {
            #    root   html;
            #    index  index.html index.htm;
               # }

         }
         }


     3.复制下面代码到你的  server     。  http://bakeaaa  这个bakeaaa和上面对应起来

            location / {

            #设置主机头和客户端真实地址，以便服务器获取客户端真实IP

                 proxy_set_header Host $host;

                 proxy_set_header X-Real-IP $remote_addr;

                 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
     

                 #禁用缓存

                 proxy_buffering off; 

                 #反向代理的地址

                 proxy_pass http://bakeaaa;     

            }

    
    4.  
    listen       80;
        server_name  www.aaa.com;域名要改

5.server完整配置

  server {
        listen       80;
        server_name  www.aaa.com;      

    location / {

        #设置主机头和客户端真实地址，以便服务器获取客户端真实IP

             proxy_set_header Host $host;

             proxy_set_header X-Real-IP $remote_addr;

         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

             #禁用缓存

             proxy_buffering off; 

             #反向代理的地址

             proxy_pass http://bakeaaa;     

        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

    }

    server {
        listen       80;
        server_name  www.bbb.com;
     
    location / {

        #设置主机头和客户端真实地址，以便服务器获取客户端真实IP

             proxy_set_header Host $host;

             proxy_set_header X-Real-IP $remote_addr;

         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 

             #禁用缓存

             proxy_buffering off; 

             #反向代理的地址

             proxy_pass http://bakebbb;     

        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
       
    }

注意：配置完成以后重启 nginx服务

     暴力方式 ：进程结束
     然后重新双击  nginx.exe

十一、Koa操作mysql数据库

1. image.png
image.png
image.png

2.npm搜mysql

image.png
image.png
image.png

十二、http-server 30秒打造轻量级Web服务器

1、让手机调试本地电脑上面的程序：
    1、本地  iis  apache   nginx         web服务器（web前端）
    2、hubilder  开启web服务  （vue  、react  、angualr不能用）  
    3、nodejs搭建一个静态web服务器
    4、发布到服务器测试 

    5、http-server
    让电脑和手机处于同一局域网
        1、电脑和手机都连路由器
        2、电脑上面安装一个360 wifi 或者猎豹wifi



2、http-server安装、使用
    1.安装：   npm install http-server -g   / 
 cnpm install http-server -g        （电脑上面需要安装nodejs） 

    2、使用
            2.1、cd 到要启动的项目目录

        2.2、打开控制台运行  http-server

image.png

image.png 4. image.png