列表h5页面是什么样子的样

查看: 14562|回复: 3
怎么修改discuz主页、列表页、栏目页和内容页,是修改哪个相关的文件呢
马上注册,还有更多的Discuz教程!享用更多功能,让你轻松玩转Discuz。
才可以下载或查看,没有帐号?
本人菜鸟一个,想discuz要修改他的主页,列表页、栏目页和内容页,需要相对应的修改哪些文件呢,求解!
修改主页——对应哪个文件
修改列表页——对应哪个文件
修改内容页——对应哪个文件
修改栏目页——对应哪个文件
大神们,求解
公共模板文件夹 ./template/default/common/common.css公共CSS文件faq.htm帮助模板文件footer.htm系统总底部模板footer_ajax.htmajax模式是使用到的系统总底部模板,ajax模式大部分为浮动框登录、注册、发帖等。forum_calendar.css广场社区使用到的日历日期样式forum_moderator.css版主管理面板样式header.htm系统总头显示内容文件header_common.htm系统总头公共标签文件header_ajax.htmajax模式时使用到的系统总头部文件header_diy.htmDIY面板模板文件invite.htm邀请好友模板文件module.css模块样式文件,用于模块的拆分并生成相应的CSS样式。preview.htm预览的模板文件showmessage.htm系统提示信息模板文件userabout.htm我的中心面板模板文件widthauto.css宽屏模式追加的css
论坛模板文件夹 ./template/default/forum/activity_applylist.htm活动列表模板文件activity_export.htm活动资料内容模板文件announcement.htm广场公告模板文件attachpay.htm附件金币积分支付模板文件attachpay_view.htm附件金币积分支付查看模板文件ajax_attachlist.htmajax获取附件列表模板文件collection_add.htm淘帖创建淘专辑页面模板collection_all.htm淘帖所有专辑页面collection_comment.htm淘帖专辑评论列表页collection_mycollection.htm淘帖我所创建专辑collection_index.htm淘帖首页推荐专辑collection_nav.htm淘帖面包屑下淘帖导航部分collection_view.htm淘帖具体专辑页面comment.htm评论模板文件comment_more.htm更多评论模板文件debate_umpire.htm辩论模板文件discuz.htm论坛首页模板文件forumdisplay.htm论坛版块主题列表总模板文件forumdisplay_list.htm论坛版块具体主题列表模板文件forumdisplay_passwd.htm论坛需要密码访问的版块模板文件forumdisplay_subforum.htm论坛子版块列表模板文件index_navbar.htm邀请模板文件modcp.htm管理面板模板文件pay.htm支付页面模板文件pay_view.htm支付结果查看模板文件post.htm发帖模板总文件post_activity.htm活动发布页面模板文件post_debate.htm辩论发布模板文件post_poll.htm投票贴发布模板文件post_reward.htm悬赏帖发布模板文件post_sortoption.htm主题分类选择模板文件post_trade.htm交易帖发布模板文件rate.htm主题评分模板文件rate_view.htm主题评分查看模板文件recommend.htm主题推荐模板文件trade.htm商品交易主题模板文件trade_displayorder.htm商品排序模板文件trade_info.htm商品交易详细资料模板文件trade_view.htm商品交易浏览页面模板文件viewthread.htm看帖页面模板文件viewthread_activity.htm查看活动页面模板文件viewthread_debate.htm查看辩论页面模板文件viewthread_fastpost.htm快速回复模板文件viewthread_from_node.htm特殊主题回复模板文件viewthread_mod.htm主题操作记录模板文件viewthread_node.htm复节主体内容模板文件viewthread_node_body.htm主题回复节点模板文件viewthread_pay.htm主题支付模板文件viewthread_poll.htm投票主题查看模板文件viewthread_poll_voter.htm投票主题参与者查看模板文件viewthread_reward.htm悬赏主题查看模板文件viewthread_trade.htm查看交易主题模板文件
群组模板文件夹 ./template/default/group/group.htm浏览群组时的模板文件group_create.htm群组创建时使用到的模板文件group_index.htm浏览群组时首页内容模板文件group_invite.htm邀请参与群组的模板文件group_list.htm群组列表文件group_manage.htm管理群组的模板文件group_memberlist.htm群组中参与用户的列表文件group_right.htm群组右侧边栏index.htm群组首页模板文件
空间家园模板文件夹 ./template/default/home/invite.htm空间邀请页面magic_call.htm通知好友魔法道具模板文件magic_doodle.htm涂鸦魔法道具模板文件network.css随便看看页CSS样式文件space_album_list.htm空间相册列表页面模板文件space_album_pic.htm空间相册图片模板文件space_album_view.htm空间相册浏览模板文件space_blog_list.htm空间日志列表模板文件space_blog_view.htm空间日志浏览模板文件space_click.htm表态模板文件space_comment_li.htm评论模板文件space_debate.htm辩论模板文件space_diy.htm空间DIY模板文件space_doing.htm心情记录模板文件space_doing_form.htm心情记录发送的模板文件space_doing_li.htm心情记录的列表模板文件space_favorite.htm空间收藏模板文件space_feed_li.htmfeed事件列表模板文件space_footer.htm空间底部模板文件space_friend.htm空间好友模板文件space_group.htm空间群组模板文件space_header.htm空间头部模板文件space_home.htm空间home页模板文件space_index.css个人空间首页CSS样式文件space_index.htm个人空间首页模板文件space_list.htm空间列表页模板文件space_magic.htm空间魔法道具模板文件space_magic_mybox.htm本人所拥有的魔法道具模板文件space_magic_shop.htm魔法道具商城模板文件space_medal.htm空间勋章模板文件space_menu.htm空间菜单项模板文件space_notice.htm空间公告模板文件space_pm.htm空间短消息模板文件space_poll.htm空间投票模板文件space_profile.htm空间用户资料页模板文件space_share_form.htm空间分享来源模板文件space_share_li.htm空间分享模板文件space_share_list.htm空间分享列表模板文件space_share_view.htm空间分享查看模板文件space_thread.htm空间的主题帖模板文件space_top.htm空间头部模板文件space_trade.htm空间商品交易主题模板文件space_userabout.htm空间用户面板模板文件space_videophoto.htm视频相册模板文件space_wall.htm个人空间留言板spacecp_click.htm空间表态页模板文件spacecp_search.htm空间搜索页模板文件spacecp_share.htm空间分享管理页模板文件spacecp_space.htm空间管理页模板文件spacecp_userapp.htm用户应用页模板文件
会员模板文件夹 ./template/default/member/getpasswd.htm找回密码模板文件groupexpiry.htm用户组期限模板文件login.htm用户登录模板文件login_simple.htm用户登录模块文件register.htm用户注册模板文件
首页模板文件夹 ./template/default/portal/comment.htm评论页面模板文件comment_li.htm评论操作模板文件index.htm门户首页模板文件list.htm门户新闻列表页面portal_topic_content.htm门户专题页面模板,如果添加新专题请创建portal_topic_xxx.htm的页面,即可在专题创建时自动的看到。portalcp_article.htm门户文章管理页面portalcp_block.htm门户模块页面portalcp_category.htm门户分类页面portalcp_comment.htm门户管理评论操作模板文件portalcp_diy.htm门户DIY模板文件portalcp_index.htm门户管理首页模板文件portalcp_portalblock.htm门户管理模块模板文件portalcp_topic.htm门户管理话题模板文件topic_footer.htm话题底部模板topic_head.htm话题顶部模板view.htm查看页面
搜索结果模板文件夹 ./template/default/search/album.htm搜索相册结果album_list.htm搜索相册列表结果blog.htm搜索日志结果blog_list.htm搜索日志列表结果footer.htm页面底部forum.htm论坛搜索页group.htm群组搜索结果页面group_list.htm群组搜索结果列表页面header.htm页面头部portal.htm门户搜索结果portal_list.htm门户搜索结果列表页面sortoption.htm分类信息页面thread_list.htm主题列表页面trade.htm商品页面
会员应用模块模板文件夹 ./template/default/userapp/userapp_app.htm用户应用userapp_index.htm应用频道首页userapp_manage.htm应用管理userapp_menu_list.htm应用菜单列表
请问发布文章页面是哪个文件夹的哪个文件?
请问发布文章页面是哪个文件夹的哪个文件?
Powered by评论-2665&
& 最近难得公司业务稍微缓解一些,我们终于有时间静下心总结下技术,对于之前的项目去其糟粕取其精华,我们的目的是:
解决后台管理系统的开发效率问题,封装常用功能,将技术性强的内容分离出去;
将重复性高的开发工作统一技术规范,避免各自研究;
采用最佳实践,参考优秀项目,制定最佳方法,至少是最适合当前团队的。
& 这里我先总结下我这块针对数据列表页的做法,后续再补充其它模块的做法,先看下列表页的需求:
搜索条件支持动态条件查询,后端不需要干预相关条件的组装;即不能出现类似如下的代码(注:此做法只针对单表的查询,如果是非常复杂的多表关联,此方案也许不是最佳的)
if(!StringUtils.isEmpty(employeeEnityRequest.getEmployeeName())){
criteria.andEmployeeNameEqualTo(employeeEnityRequest.getEmployeeName());
if(!StringUtils.isEmpty(employeeEnityRequest.getEmployeeStatus())){
criteria.andEmployeeStatusEqualTo(Integer.valueOf(employeeEnityRequest.getEmployeeStatus()));
查询异步,用户点击下一页时如果需要刷新整个页面体验性不太好。
& 上面这两需求非常常规,有很多种实现方式,我分享下我的做法(我的环境是eclipse,tomcat,maven,spring mvc, mybatise,mysql):
& 针对动态查询,我们通过约定规则来实现,比如View中我们可以这样写
&input type="text" name="WHERE.storeName.LIKE"
class="form-control" style="width: 180" " /&
& 它的意思是查询email字段,操作符是=号。WHERE是固定的,后台解析收集条件时做识别作用,中间的是字段名称,后面是操作符,操作符比如有EQ,LIKE等常规的数据库查询操作符。这样我们可以在前端任意增加修改条件,而后台的逻辑是不需要有任务变更的,详细的收集过程请看本文后面的介绍。& 针对异步查询,我采用了angularjs相关技术,当时遇到一个问题:angularjs在查询时一般都会指定一个写好的model传递到后台,但由于上面动态查询的条件是变动的(字段名称不固定,字段数量不固定,操作类型不固定),所以没有办法去定义这样的model。第一直觉是将整个表单传递到后台,后台根据表单的值来解决特定的条件,第二个问题来了,既然是将表单传递到后台,那么后台要用什么参数来接收这个表单呢,于时想到HttpServletRequest,但经过测试,这个参数始终取不到值,当时的代码如下:& java
@RequestMapping(value = "/getStoreByPage", method = RequestMethod.POST)
@ResponseBody
public PageInfo&BcStore& getStoreByPage(HttpServletRequest request,int pageNum, int pageSize) {
type : "POST",
url : url,
dataType : 'json',
data:$("#searchForm").serialize(),
async : false,
success : function(data) {
$scopeLocal.pageResponse =
$scopeLocal.content=data.
& 后来和同事讨论说是需要设置ajax的contentType为application/x-www-form-urlencoded,但设置后直接报错,请求无法到达服务端,说明参数类型匹配错误,将后台controller方法中的参数HttpServletRequest删除后顺利通过。但这个参数删除了,表单值从哪取呢?好在后端也可以取到当前请求,RequestContextHolder可以帮助我们,于是下面的代码就水到渠成了,通过这个帮助类我们可以从请求中根据我们制定的规定来解析条件,至于条件对象的格式,主要看数据访问端的使用情况,这里先不贴代码了,我们主要采用的是通用mapper那套方案,网上可去搜索。到此,问题解决了,数据也可以顺利查到了。
private static String DEFAULT_PRE_WHERE = "WHERE.";
private String preWhere = DEFAULT_PRE_WHERE;
List&String& searchFilterStrings = Lists.newArrayList();
Map&String, String[]& map = request.getParameterMap();
for (Map.Entry&String, String[]& entry : map.entrySet()) {
String strKey = entry.getKey();
for (String value : entry.getValue()) {
if (!Strings.isNullOrEmpty(value)
&& !"none".equals(value)
&& strKey.startsWith(preWhere)) {
String filedAndOp = strKey.substring(preWhere.length());
searchFilterStrings.add(String.format("%s.%s", filedAndOp, value));
& 列表数据的展示,我没有采用jquery datatable之类的控件,我感觉需要写JS代码,看起来比较复杂,采用angularjs的ng-repeat非常直观,且容易控制细节。
&table id="datatable1" cellpadding="0" cellspacing="0" border="0"
class="datatable table table-striped table-bordered table-hover"&
&th&门店编号&/th&
&th&名称&/th&
&th&类型&/th&
&th&店长&/th&
&th&电话&/th&
&th&邮箱&/th&
&th&状态&/th&
&th&创建时间&/th&
&th&操作&/th&
&tr ng-repeat="store in content"&
&td&{{store.storeCode}}&/td&
&td&{{store.storeName}}&/td&
&div ng-show="store.storeType=='1'"&
&span class="label label-success"&自营店&/span&
&div ng-show="store.storeType=='0'"&
&span class="label label-danger"&加盟店&/span&
& 分页控制我们采用了angularjs与boostrap的一个插件完成,需要引用ui-bootstrap-tpls.min.js以及boostrap-ui相关的代码才行:
&pagination class="pagination-sm"
ng-model="pageRequest.pageNum"
total-items="pageResponse.total"
max-size="4"
ng-change="pageRequest.getResponse()"
items-per-page="pageRequest.pageSize"
rotate="false"
previous-text="上一页" next-text="下一页"
&&/pagination&
& js代码,为了使前端调用方式,我们尽量做了封装,使得查询逻辑只需要写最少的代码:注入一个$listService,然后传一个请求地址给它就可以了,当然这里面有些固定写法,比如一个request对象的属性,需要前后台配置一起完成才行,不能随意写。
var mainApp = angular.module('storeManageApp',['ui.bootstrap']);
$.initListService(mainApp);
mainApp.controller('storeManageCtrl', function ($scope, $http,$listService) {
var listUrl="&c:url value="/store/getAllByPage"/&";
$listService.init($scope,listUrl);
$listService.get();
&angularjs的注入做的不错,我们封装的js也参考了angularjs提供的service模式来完成:由于这个service是需要angular对象的,所以做了一个jquery的扩展函数,便于调用,函数里面的代码就比较简单的,常规的service写法,这里指出下,ajax提交后台的参数我没有采用data参数,而是直接拼接在url上,如果放在data上应该加了那个contentType。
jQuery.extend({
initListService: function(mainApp) {
mainApp.service('$listService', function(){
var $scopeLocal={};
this.init = function($scope,listUrl) {
$scopeLocal=$
$scopeLocal.pageRequest = {
"pageNum": 1, "pageSize": "5"
$scopeLocal.pageRequest.getResponse = function () {
var requestData = $("#searchForm").serialize();
var url = listUrl+"?"+requestData+"&pageNum="+$scopeLocal.pageRequest.pageN
type : "POST",
url : url,
dataType : 'json',
async : false,
success : function(data) {
$scopeLocal.pageResponse =
$scopeLocal.content=data.
this.get = function() {
$scopeLocal.pageRequest.getResponse();
& 最后上一个列表页的效果图:
& 功能看起来不错,但还有一些不完善的,比如应该提供几个数据加载事件便于在数据加载前后做些特殊的处理操作。但是一个好的开始,后续团队成员只要参考这个模板来做效率上会提升一部分,当然提升效率不光是这篇文章中介绍的,我们还有权限过滤的集成,各类控件的封装等等功能。
阅读(...) 评论()}

我要回帖

更多关于 页面样式 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信