前台页面代码创建+
名扬银河数字官网系统的前台页面代码创建+文档：
总述：网站前台的页面，全部由系统管理后台创建、url访问规则组织呈现。网站管理者可以通过管理后台的系统菜单项【前台页面代码】，创建和管理网站前台页面代码。
创建一个前台页面只需两个步骤，第一步创建页面代码，第二步配置一下页面url访问规则，让页面可访问，则页面创建成功。
一、前台页面代码的创建步骤：
1、请登录网站系统管理后台，点击左侧菜单项 》前台页面代码 》点击按钮【+添加前台页面】，开始设置前台页面代码内容。
2、设置页面名称：为创建的页面取一个简短明义的名称，主要用于网站管理人员查看识别的。比如：网站首页、产品中心列表页、产品详情页、网站头部模块等。页面名称只支持中文、字母、数字、下划线、短横线。
3、设置文件名称：设置页面的文件名，建议取一个简短明义的名称，此处只需填写不带后缀的文件名即可。
文件命名建议：对于网站前台公共头部模块页、公共底部模块页等的文件名称，使用以下划线作为前缀的命名方式，方便区分使用，比如：_head，_foot。
文件名称要求：请不要填写后缀名！文件名只支持字母、数字、下划线、短横线。并且此文件名须在前台页面文件名中具有唯一性！
文件名称举例：网站首页的页面文件名为index；关于我们页的文件名为aboutus，产品中心的文件名为product，产品中心的详情页文件名为product_info，公共头部模块页为_head，公共底部模块页为_foot。
特别说明：注意网站前台首页只能使用index作为文件名，否则都无效！网站前台首页是直接通过网站域名访问的，无需配置url访问规则。另外，设置的页面的文件名只对页面代码管理有效，与前台访问的url地址信息无关，前台页面访问用的url地址信息是另外独立自定义的。
4、设置页面代码：请在此处编写具体的页面html代码。建议使用html5规范进行编写，处理好PC端、手机端浏览页面的体验。最后点击【添加】按钮保存。
5、新建页面代码的实例图解：
二、配置前台页面的访问url规则：
请在网站管理后台点击左侧菜单项 》【前台url配置】，开始配置前台的页面url访问规则。定义一个页面的url访问规则需要四个要点：
第一、填写一个页面识别备注名称；
第二、设定前台访问的url地址或名称信息，只支持英文字母 数字 下划线；
第三、填写对应管理后台创建的页面文件名称。
第四、填写页面url访问规则中需要匹配的参数值传递信息。
注意网站首页无需配置！这里举例前台页面名称为：成功案例栏目列表页，页面文件名为anli。为案例栏目列表页配置前台url规则，假设前台案例访问目录使用anli，那么案例的url访问规则配置为：
[url]
[name]成功案例栏目列表页[/name]
[req]/anli(/)?(\?(.*?)?)?[/req]
[filename]anli[/filename]
[query][/query]
[/url]
url访问规则定义写法说明：
[url] -- 开始定义一个页面的url访问规则区域。
[name]页面名称说明[/name] --自定义页面名称 或备注说明信息。
[req]定义页面在浏览器地址栏中的访问地址信息[/req] -- 浏览器地址栏中请求访问的url地址信息的匹配定义，默认都以/作为开头，表示网站域名根目录访问写法，在/后加上页面的访问名称信息，这里使用anli，在/anli之后增加(/)?表示可以使用/anli方式访问案例页面，也可以使用/anli/方式访问案例页；在/anli(/)?之后为默认统一加上的部分，(\?(.*?)?)?用于带链接参数访问情况的支持兼容。最后该案例的前台的url访问规则为：/anli(/)?(\?(.*?)?)?，此规则需放置在[req]...[/req]区域中使用。
[filename]前台页面的文件名[/filename] --此项是在管理后台设定的页面文件名称。这里实例的文件名为anli。
[query]...[/query] -- 用于定义页面url访问地址中附带有参数请求值的形式，匹配获取浏览器地址栏中页面url地址里的信息，将匹配到的参数值作为动态数据传递给系统使用。本实例无需处理此项，请留空。
[/url] -- 结束定义一个页面的url访问规则区域。
更多前台页面url访问规则配置讲解，请见【前台栏目与页面url定义文档】。
三、在浏览器地址栏中输入设定的页面url访问查看：https://网站域名/anli/。一个页面代码创建，并且前台可正常访问，此页面创建完成，之后按情况丰富完善调整页面。
四、页面代码中可以直接引用网站系统资源文件夹中的css样式、js文件。比如：
前台页面专用的基础样式文件：/res/c/p.css，只需在页面代码中引用该样式文件，就可以支持各类组件的使用效果。
前台页面专用的基础js脚本文件：/res/c/p.js，只需在页面代码中引用该js文件，就可以支持各类组件的处理功能。
前台页面中使用图文并茂发布组件时，须引用/res/c/uploadifive.css样式文件和/res/j/jquery.uploadifive.js脚本文件，才能正常使用图片上传处理功能。
五、前台页面代码处理过程中，需要用到自建的css样式文件 或 直接在页面代码head头部中统一安排其css样式、扩展图片功能，在线结合这两样，可以更便捷的调整页面。css样式文件和扩展图片的具体使用讲解，请见【前台css样式文件文档】、【前台图片文件文档】。
六、前台栏目页面的创建实例说明：
1、创建一个关于我们页，在管理后台新建前台页面代码：
a、页面名称：关于我们页。
b、文件名称：aboutus。
c、页面代码：在页面代码中使用h5规范写法，引用基础样式文件/res/c/p.css；引用基础脚本文件/res/j/p.js；在html代码中加入一个页面信息设置组件-图文并茂设置组件，用其在管理后台可以直接维护编辑更新。
d、点击按钮提交保存。
其后，在管理后台的前台url配置页，加入关于我们页的访问url规则：
[url]
[name]关于我们页[/name]
[req]/aboutus(/)?(\?(.*?)?)?[/req]
[filename]aboutus[/filename]
[query][/query]
[/url]
最后，在浏览器中打开http://网站域名/aboutus/，即可访问到关于我们页面。
2、创建一个成功案例栏目页面，该案例栏目有一个案例列表页(即案例栏目首页)，一个案例详情页。
(2.1).实例规划的案例栏目结构是：
/anli/ - 案例栏目首页，也就是案例列表页。
/anli/n.html - 案例信息的详情页，n代表具体某一个案例的编号。
(2.2).先在管理后台新建一个案例列表页的页面代码：
a、页面名称：成功案例列表页。
b、文件名称：anli。
c、页面代码：在页面代码中使用h5规范写法，引用基础样式文件/res/c/p.css；引用基础脚本文件/res/j/p.js；在html代码中需要用一个分页数据查询组件[pagedata=....]....[/pagedata]来完成案例数据表的数据记录调用。
d、点击按钮提交保存。
其后，在管理后台的前台url配置页，加入案例列表页的访问url规则：此案例栏目页面代码中使用超链接传递分页参数，比如：/anli/?page=2的方式，所以url访问规则中无参数传递匹配操作。
[url]
[name]案例列表页[/name]
[req]/anli(/)?(\?(.*?)?)?[/req]
[filename]anli[/filename]
[query][/query]
[/url]
最后，在浏览器中打开http://网站域名/anli/，即可访问到案例栏目的列表页(即案例栏目首页)的页面。
(2.3).再创建一个成功案例栏目的案例详情页面：
a、页面名称：成功案例详情页。
b、文件名称：anli_info。
c、页面代码：在页面代码中使用h5规范写法，引用基础样式文件/res/c/p.css；引用基础脚本文件/res/j/p.js；在html代码中需要用一个单条或多条数据查询组件[data=....]....[/data]来完成某一个案例的数据表数据信息调用。
d、点击按钮提交保存。
其后，在管理后台的前台url配置页，加入案例详情页的访问url规则：此案例详情页使用url访问地址重写方式，用一个id参数名来传递在浏览器地址栏中匹配得到的案例编号信息，比如：http://网站域名/anli/1.html的方式，这个地址中的数字1就是案例信息的编号，将它匹配获取($1)后传递给系统处理。
[url]
[name]案例列表页[/name]
[req]/anli/(\d+)\.html(\?(.*?)?)?[/req]
[filename]anli_info[/filename]
[query]id=$1[/query]
[/url]
最后，在浏览器中打开http://网站域名/anli/具体案例的编号.html，即可访问到案例栏目的某个案例的详情页面。
七、栏目菜单权限问题：如果在前台页面中使用了页面信息设置组件的，首先请在管理后台系统菜单配置中加入”前台关于我们页设置“的菜单项后，在角色权限中赋予权限控制。以对其他管理人员进行操作权限控制。系统菜单及权限的操作，请详见【系统菜单配置代码文档】及相关文档。