【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的版本，是否有問題