PageAdmin CMS网站制作教程实例:如何制作一个报名表?
PageAdmin CMS网站建设实例:如何制作一个报名表?
有时我们根据需求需要制作一些自定义表,该如何去制作呢?
我们以制作一个报名表为例;
登录后台地址,进入后台,
2.在顶部导航中找到系统,并点击,然后在左侧导航中,找到信息表,并点击;
我们会看到一些信息表
3.因为报名表与显示的数据表没有关系,那就新建一个数据表,点击菜单,再点击添加,进入到添加页面;
4.开始新建数据表;
填写好之后,点击提交,报名表就建好了;
5.我们在来看看字段,点击报名表中字段列的管理按钮,进入到字段管理页面;
6.可以看出我们还需要增加其他的一些字段,我们点击顶部菜单,再点击添加,进入到字段添加页面;
7.1.添加字段,出生年月,性别,民族,联系电话,地址等等(可根据自己的需求去添加字段);
7.2 在表单类型中,我们选择单行文本输入框,在数据类型中,我们选择日期,文本输入框长度我们设置为10,然后在基础属性中选择,该字段是否为必填项,如是则勾选,如否则不操作,点击提交,字段就创建好了;
7.3 在创建字段的时候,我们需要注意该字段表单类型的选择,有些字段的表单类型或者数据类型并不是一样的,如性别,我们可以选择单选框,数据类型则选择文本类型,如民族、电话、地址我们在数据类型选择的时候就可以选择文本类型;
8.字段添加完了,我们这个是报名表,便于查看,可以将标题改为姓名,内容改为自我评价,缩略图改为照片;在标题行中找到管理列,找到修改并点击,进入修改页;
在备注中,将标题改为姓名,其他的操作方法一样;
9.1 数据表建好了,下一步制作模板,在顶部导航中找到网站,点击模板管理,
9.2 点击views,进入模板管理页面
9.3 在顶部找到菜单并点击,再点击新建目录,开始新建目录,
9.4 填写好之后提交,再点击新建的目录,
9.5 进入栏目后,找到菜单并点击,再点击新建文件,
注意:文件的后缀名为cshtml
填写好之后,点击提交。
9.6 下一步在文件中添加代码,点击顶部导航中的系统,在点击左侧导航中的信息表;
9.7 在信息表中找到新建的信息表,点击表单Html,进入到表单页面,
9.8 使用快捷键ctrl+A(全选),快捷键ctrl+C(复制),点击顶部导航网站,再点击左侧导航模板管理,
9.9点击views,再点击报名专栏,找到之前新建的文件,点击编辑
进入到编辑页面后,使用快捷键ctrl+D(粘贴),将复制好的表单HTML代码粘贴在文本框中
粘贴好之后,点击提交。
10.1 模板完成了,之后是调用,在顶部导航中找到网站并点击,再左侧导航中找到栏目管理,并点击,进入到栏目管理页面;
10.2 我们需要新建一个报名表的栏目,在顶部找到菜单并点击,再点击添加,进入到栏目添加页面(也可以在已有的栏目中添加新栏目),开始添加栏目;
10.3 在添加栏目的时候,因为是单纯的表单添加页面,栏目类型选择单页面,栏目模板选择新建的模型表单,
10.4 栏目建好之后,点击提交,回到前台页面,点击报名专栏;
可以看到报名表,但有些显示不完全,这就需要改div和css了
10.5 回到报名模型页面,在后台点击顶部导航的网站,再点击左侧导航的模板管理,再点击views,找到报名专栏,点击新建的模型页中的编辑,进入到HTML编辑页面,
10.6 因为在前台页面显示的是全页面的表单,为了和其他页面宽度保持一致,我们需要给表单模型增加一个外层,在代码的最顶部加上
,代码的最底部加上
,然后给div添加class,或者在div中直接写css都可以,方法有很多,然后提交,回到前台页面查看,可以看到报名表页面和其他页面保持宽度一致了。
我们在试试,可以提交
在后台点击顶部导航中的网站,再点击左侧导航中的报名
PageAdmin CMS网站制作教程实例:如何制作一个报名表?的更多相关文章
- pageadmin CMS网站建设教程:如何修改用户密码?
pageadmin CMS网站建设教程: 当我们想修改密码,该如何修改呢? 1. 首先,登录会员中心,会员中心的地址是在网址后面加上/member/login: 2. 例:我的网站地址是localho ...
- pageadmin CMS网站建设教程:模板中如何实现信息数据共享
pageadmin CMS网站制作教程:模板中如何实现信息数据共享 很多时候信息数据需要共享,一个最常用的应用场景就是手机版(独立手机,非响应式)本共享pc版本数据,下面以这个场景为例讲解. 假设手机 ...
- PageAdmin CMS网站建设教程:如何创建及管理栏目?
PageAdmin CMS网站制作教程:如何创建及管理栏目?1.登录管理后台后,在顶部导航中找到网站,并点击: 2.在左侧栏目中找到栏目管理,并点击: 3.进入到栏目管理页面,在顶部找到菜单,点击添加 ...
- PageAdmin CMS网站建设教程:如何实现信息的定时发布
PageAdmin Cms发布文章时候有一个上线时间设置和下线时间设置,网站编辑人员可以利用这个功能来实现定时发布,在信息发布界面,如下图: 设置后就会自动加入定时任务中,注意这个功能需要再系统设置& ...
- pageadmin CMS网站建设教程:网页设计的常用参数
由于网络速度问题,我们需要考虑图片大小对传输速度的影响,如果图片太大就会影响浏览速度,访问者很快就会对这个网站失去了兴趣,只有充分了解图片质量与下载速度的关系,并了解不同的文件格式,才能更有效的表达内 ...
- pageadmin CMS网站建设教程:站点添加自定义字段
首先看看pagedmin默认的站点设置都有什么,如下图: 这里只有一些最基本的参数设置,用过3.0版本或用过其他公司开发的cms的用户应该有这种体验,在站点设置中可以设置logo图片,备案号,底部内容 ...
- pageadmin CMS网站建设教程: 附属表数据列表调用语法
列表调用语法 Html.SubDataList(参数1,参数2,参数3,参数4)参数说明: 注:第一个参数对象中必须定义Table或ParentTable/ParentField属性.参数1常用属性: ...
- pageadmin CMS网站制作教程:模板概念解释
pageadmin CMS网站建设教程:模板概念解释 1.模板页 又叫视图页面,PageAdmin后台栏目或信息中用到的模板页面的统称,格式必须是.cshtml后缀文件,前端人员制作的页面默认都是ht ...
- pageadmin CMS网站制作教程:
pageadmin CMS网站建设教程:模板中如何实现信息数据共享 很多时候信息数据需要共享,一个最常用的应用场景就是手机版(独立手机,非响应式)本共享pc版本数据,下面以这个场景为例讲解. 假设手机 ...
- pageadmin CMS网站制作教程:模板中的站点数据调用
pageadmin CMS网站建设教程:模板中的站点数据调用 1.获取当前站点Id,返回int数字 Html.CurrentSiteId() 2.获取当前站点url地址,返回string字符串 Htm ...
随机推荐
- swift UICollectionView使用
方法1:创建 的时候注册 layout /// 时间view private lazy var timeCollectionV: UICollectionView = { 1.直接注册 并设置好 UI ...
- 将php数据下载csv文件
<?php $sales = array( array( 'Northeast', '2005-01-01', '2005-02-01', 12.54 ), array( 'Northwest' ...
- dede 复制文章,远程图片无法本地化
解决方法: 1.找到dede的后台目录,在后台目录下的inc下找到inc_archives_functions.php 2.搜索GetCurContent函数,找到如下这段代码: preg_match ...
- maven项目工程目录约定
使用maven创建的工程我们称它为maven工程,maven工程具有一定的目录规范,如下: src/main/java —— 存放项目的.java文件 src/main/resources —— 存放 ...
- Halcon对文件的创建、读取、写入、删除等操作总结
Halcon可以操作普通文本文件,也可以操作二进制文件.如下图所示,只需要设置“FileType”参数的取值即可明确是操作文本文件还是二进制文件: 下面的程序是操作一个.txt文本文件的完整代码: * ...
- bootstrap下modal模态框中webuploader控件按钮异常(无法点击)问题解决办法【转】
http://bbs.csdn.net/topics/391917552 具体如下: $(function () { var _$modal = $('#MyModal'); ...
- final修饰符:
知识点: 1.final关键字用于修饰类.变量和方法 2.有点类似C#里的 sealed 关键字,用于表示它修饰的方法.变量和类不可以再被改变 3.final修饰变量时,表示该变量一旦获取了初始值,就 ...
- Ubuntu下笔记本触控板的禁启
1.命令行方式,得每次用终端输入命令行设置 sudo rmmod psmouse #禁用触摸板 sudo modprobe psmouse #启用触摸板 2.永久禁用触摸板 打开终端,然后 sudo ...
- hook进程
https://www.cnblogs.com/Leo_wl/p/3311279.html https://blog.csdn.net/u013761036/article/details/65465 ...
- 如何使用tapd?
tapd 可以编写测试用例 测试计划等 敏捷开发常用的工具.稍后会更新..