# nodeServer

**Repository Path**: zhzbin/nodeServer

## Basic Information

- **Project Name**: nodeServer
- **Description**: JavaScript+jQuery一书中的ajax部分服务器代码
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2018-08-20
- **Last Updated**: 2022-12-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# nodeServer

#### 项目介绍
JavaScript+jQuery一书中的ajax部分服务器代码

#### 软件架构
软件架构说明

在进行页面开发时，首先要了解项目时如何启动的，我们拿到项目开发环境后首先要 学会启动项目，我们需要在根目录下面输入启动命令进行项目启动，项目启动之前需要先配置一下现有的环境。
1. 安装node运行环境
    1. 下载地址：https://nodejs.org/en/download/（注：根据自己电脑系统下载，下载完成之后根据引导安装即可，无需特殊设置）
    1. 检测是否安装成功：打开cmd窗口，输入node -v 即可打出版本号，如果没有显示请重新安装。
1. 安装或者切换npm镜像地址，建议使用淘宝镜像
    1. cnpm安装：打开cmd窗口，输入以下命令安装cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完成之后，在cmd窗口输入：cnpm -v 会打印出对应的cnpm版本，如没有错误则安装成功，否则请重新安装。
1. 将项目导入到vscode或webstorm开发软件中。（项目如何导入到开发软件中，这里就不赘述了 ）
    项目导入后需要先对项目进行初始化设置，尤其是在更新别人代码或者增加新的插件后必须要进行项目初始化操作，项目初始化使用 cnpm install 或 npm install（建议使用前者），cnpm使用的是淘宝镜像，下载插件的效率比较高，毕竟是国内的服务器提供的插件下载。
具体操作如下：

    1. 打开cmd或powershell 终端，默认进入到当前目录中，然后在此命令窗口中输入cnpm install或者 cnpm i 即可，如图1
 ![输入图片说明](https://images.gitee.com/uploads/images/2018/0820/113848_a3df6e64_500416.png "屏幕截图.png")
图1
    1. 初始化完成之后就可以启动项目了，输入node index.js 启动服务（如图2）
 ![输入图片说明](https://images.gitee.com/uploads/images/2018/0820/113857_8340df3d_500416.png "屏幕截图.png")
图2
    1. 打开浏览器输入：http://localhost:3000 ，输入对应的ip地址访问页面,现在就可以进行功能演示了。页面中有基础演示案例，可查看对应的返回值效果。
1. 项目结构是怎样的，代码是如何放置的呢？接下来看一下项目的代码结构，如图3。通过图中看到有这样几个文件：
    1. dist：代码部署文件夹，可以直接修改此文件夹下的文件，调整页面代码。
    1. json：放置json文件的文件夹
    1. node_modules：cnpm下载下来的第三方类库或插件库
    1. inde.js：后端server启动文件，与前、后端交互文件
    1. package.json：项目配置文件

         ![输入图片说明](https://images.gitee.com/uploads/images/2018/0820/113904_a11ad232_500416.png "屏幕截图.png")
                    图3

通过以上的学习，现在就可以编写自己的代码了。