fsLayui入门使用

作者: fallsea | 来源:发表于2017-12-17 12:01 被阅读503次

简介

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

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

使用步骤

下载源码

可以使用 GitHub下载码云下载

GitHub下载 为例:

下载

启动演示环境

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

  • 解压压缩包,进入nginx-1.13.7目录,双击nginx.exe启动。
启动nginx 访问效果

项目中运行

默认目录

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

  • 把下图文件拷贝到项目更目录
文件

自定义目录

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

  1. fs.js文件的base路径
fs.js
  1. htmldemo的js和css引用路径
html引入文件路径修改
  1. upload.html文件上传的js和css引用路径
html引入文件路径修改

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

相关文章

  • fsLayui入门使用

    简介 源码下载后,不能直接打开,必须运行在容器下,例如:nginx、tomcat、jetty等容器。源码中默认配置...

  • fsLayui缓存使用

    概述 缓存主要使用在编辑或查看页面查询数据的方式,通过后端servlet接口获取数据还是通过前端缓存获取。缓存可以...

  • fsLayui联动表格使用(一)

    简单联动表格使用 点击主表格,加载副表格数据,演示地址:http://fslayui.itcto.cn 联动表格配...

  • fsLayui数据表格使用

    fsLayui 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现...

  • fsLayui联动表格使用(二)

    复杂联动表格使用 点击主表格,加载副表格数据,支持主、副表格的 增删改查 操作。演示地址:http://fslay...

  • fsLayui数据字典使用

    概述 数据字典主要解决下拉框数据填充和数据表格转义处理,一个数据字典可以多处使用。1.多个页面下拉框使用同样的数据...

  • fsLayui富文本编辑器使用(layedit)

    富文本编辑器基于layedit实现。演示地址:http://fslayui.itcto.cn 富文本编辑器使用 必...

  • fsLayui附件上传使用说明

    上传配置 上传附件需要配置一个input输入框和buttion按钮通过选择按钮弹出上传窗口上传接口url地址需要在...

  • fsLayui多数据表格使用

    fsLayui 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现...

  • fsLayui树+数据表格使用

    fsLayui 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现...

网友评论

    本文标题:fsLayui入门使用

    本文链接:https://www.haomeiwen.com/subject/kquywxtx.html