# JerryServer

**Repository Path**: opsfast/JerryServer

## Basic Information

- **Project Name**: JerryServer
- **Description**: 基于Netty实现可自动渲染HTML页面的Web服务器 - 用一句话描述：给前端工程师用的Tomcat服务器
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://www.cnblogs.com/yueshutong/p/9381528.html
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2018-09-03
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 一：前言
- 一个灵感，用了两天写的一个web服务器，特点是实现自动渲染。
- 该服务器适用于前端开发人员，致力前后端完全分离。
- 相比Vue.js，本项目的特点就是站在了服务器的角度，非JS加载页面。
- 可以用一句话描述为：前端工程师使用的Tomcat服务器。
# 二：功能
- 只需要一行配置，写明服务端JSON接口地址，即可实现自动渲染。
- 支持自定义标签，但千万不要和html标签重复。
- 后期想要加入语法，因项目前景不明，该功能暂未实现。
- 我的邮箱：yster@foxmail.com
- 我的博客：https://yueshutong.cnblogs.com/

# 三：下载使用
下载：[https://gitee.com/zyzpp/JerryServer/blob/master/Jerry.rar](https://gitee.com/zyzpp/JerryServer/blob/master/Jerry.rar)


# 四：如何启动
###### 1.在config可以配置启动端口，在template里有404页面，webapps里放置项目。
![这里写图片描述](https://img-blog.csdn.net/20180516220540990?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1ZXNodXRvbmcxMjM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
##### 2.	windows用户双击startup.exe启动服务器，Linux执行./startup.sh
![这里写图片描述](https://img-blog.csdn.net/20180516220602380?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1ZXNodXRvbmcxMjM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)

# 五：使用文档
##### 1.	web项目目录
![这里写图片描述](https://img-blog.csdn.net/20180516220258276?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1ZXNodXRvbmcxMjM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
##### 2.编辑page.json 
![这里写图片描述](https://img-blog.csdn.net/20180516220444377?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1ZXNodXRvbmcxMjM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
##### 3.带JE自定义标签的HTML
![这里写图片描述](https://img-blog.csdn.net/20180516220458448?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1ZXNodXRvbmcxMjM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
##### 4.访问该HTML页面
![这里写图片描述](https://img-blog.csdn.net/20180516220511185?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1ZXNodXRvbmcxMjM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
##### 5.对比服务端提供的JSON数据
![这里写图片描述](https://img-blog.csdn.net/20180516220518838?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1ZXNodXRvbmcxMjM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)


----------
# 六：核心依赖

### Maven

```
        <!-- Netty -->
        <dependency>
            <groupId>io.netty</groupId>
            <artifactId>netty-all</artifactId>
            <version>4.1.22.Final</version>
        </dependency>
```
# 七：响应类型
响应类型非常易扩展！只需要找到此方法扩展一下即可。
```
	public void prepare() {
		if (ENUMTYPE.getType(request.getType()) == null) {
			response = response(response, request, request.getType());
			return;
		}
		switch (ENUMTYPE.getType(request.getType())) {
		case HTML:
			response = response(response, request, ENUMTYPE.HTML.getType());
			break;
		case CSS:
			response = response(response, request, ENUMTYPE.CSS.getType());
			break;
		case JS:
			response = response(response, request, ENUMTYPE.JS.getType());
			break;
		case PNG:
			response = response(response, request, ENUMTYPE.PNG.getType());
			break;
		case GIF:
			response = response(response, request, ENUMTYPE.GIF.getType());
			break;
		case ICO:
			response = response(response, request, ENUMTYPE.ICO.getType());
			break;
		case JPG:
			response = response(response, request, ENUMTYPE.JPG.getType());
			break;
		}
	}
```

PS：不要以不好看的文档而否认我的创意哦~~[捂脸]
## 声明：原创作品，禁止申请专利！