【SQshop 搭建的第三天】 ubuntn上安装更新nodejs和npm & 将react项目打包到tomcat服务器 & 使用mybaits的pagerHelper分页插件

---7.16

       又过了一天，应该说昨天干了什么把。 

       昨天主要在尝试把ant design pro这个应用部署到自己的阿里云服务器。（ps：这个商城的后台管理，打算用react来完成）,nodejs+npm.这个真的又点搞事情，哈哈。主要版本出现没有更新。。。npm install 安装脚手架的时候老是出错。

       

一.Ubuntu apt-get命令安装

命令格式如下：

sudo apt-get install nodejs
sudo apt-get install npm

如果node不是最新的，node有一个模块叫n，是专门用来管理node.js的版本的。使用npm（NPM是随同nodejs一起安装的包管理工具）安装n模块

$ sudo npm install -g n

然后，升级node.js到最新稳定版

$ sudo n stable

旧版本的 npm，也可以很容易地通过 npm 命令来升级，命令如下：

$ sudo npm install npm -g

二.将react项目打包到tomcat服务器 

Ok，安装好了后该把ant design pro 项目放到服务器了喽

cd到ant design pro 目录下, 执行npm run build .

之后，项目中就会多一个文件夹叫 dist

再之后，把里面的内容，拷贝到tomcat下的webapps中的ROOT目录下就ok了。

dist文件夹：

ROOT目录:

接下来，就可以通过tomcat访问喽

三.使用mybaits的pagerHelper分页插件 

步骤:

1.pom.xml 配置相应的jar包  (github地址:   https://github.com/pagehelper/Mybatis-PageHelper)

2.SqlMapConfig.xml 插件配置

3.使用pagerHelper

1.pom.xml

<!--mybatis分页插件-->
<dependency>
    <groupId>com.github.pagehelper</groupId>
    <artifactId>pagehelper</artifactId>
    <version>${mybatis.pageHelper.version}</version>
</dependency>

2.SqlMapConfig.xml 

<configuration>
    <plugins>
        <plugin interceptor="com.github.pagehelper.PageHelper">
            <!--配置方言  mysql-->
            <property name="dialect" value="mysql"/>
        </plugin>
    </plugins>
</configuration>

3.UserServiceImpl.java

@Override
public List<User> listPageUser(int page, int rows) {
    UserExample example = new UserExample();
    PageHelper.startPage(page,rows);

    List<User> users = userMapper.selectByExample(example);

    return users;
}

结果：

因为数据只有一条数据，效果可能不太明显

注意：如果报500错误，那么请注意下mybatis，和pagerHelper的版本，是否有问题