fsLayui入门使用

简介

源码下载后,不能直接打开,必须运行在容器下,例如:nginx、tomcat、jetty等容器。
源码中默认配置了nginx容器,可以直接启动nginx访问。

本文主要介绍下载源码后的使用,避免在使用过程中出现一些基础的问题。

使用步骤

下载源码

可以使用 GitHub下载 或 码云下载

GitHub下载 为例:

fsLayui入门使用_第1张图片
下载

启动演示环境

如果想下载后,马上访问本地的演示环境,也不想修改配置,可以直接启动配置好的nginx,默认nginx80端口,访问地址:http://localhost:80

  • 解压压缩包,进入nginx-1.13.7目录,双击nginx.exe启动。
fsLayui入门使用_第2张图片
启动nginx
fsLayui入门使用_第3张图片
访问效果

项目中运行

默认目录

如果需要在eclipseIDEA 中运行,需要把fsLayuiPlugin目录中的信息,拷贝到工程中根目录WebRoot下,这样不需要修改配置信息(保证plugins在项目根目录),推荐这种方式

  • 把下图文件拷贝到项目更目录
fsLayui入门使用_第4张图片
文件

自定义目录

如果不想把fsLayui插件放到根目录,想放到指定的某个文件夹下面,那么需要修改几个地方。

  1. fs.js文件的base路径
fsLayui入门使用_第5张图片
fs.js
  1. htmldemo的js和css引用路径
fsLayui入门使用_第6张图片
html引入文件路径修改
  1. upload.html文件上传的js和css引用路径
fsLayui入门使用_第7张图片
html引入文件路径修改

本文首发于我的博客:ITCTO技术博客

你可能感兴趣的:(fsLayui入门使用)