目录
回复内容:
首页 后端开发 php教程 路过的前端大大进来看看这个Jquery界面

路过的前端大大进来看看这个Jquery界面

Jun 06, 2016 pm 08:37 PM
bootstrap jquery php

<code>楼主一直负责公司网站的维护,主要使用语言PHP,当然少不了包含HTML。
最近公司想把做个门户网站,并且要结合ERP的管理功能,楼主作为一个2014的毕业生,头都大了,由于特殊原因,公司目前就我一个PHP开发的和主管(兼职网络营销),每次还要自己去改HTML,甚至是布局,从创建数据库 后台内容管理 再到前台界面显示。。。。有时候真的有点慌乱,感觉进展好慢。说了一堆处境。。。
从网上找了这个JQUERYhttp://www.jq22.com/jquery-info1511的这个插件,发现好强大,主管看了是觉得喜欢,那我们开始用吧。。于是。。。 然后我打开发现哇,包含了Jquery的好多知识,可是我心里隐约很担忧,比如时间轴、帮助向导这种控件,后面肯定要用AJAX的,我们之前的网站几乎是没有局部刷新的,布局都是主管用老式的TABLE做的,看得我很吃力,而且界面我都不是特别理解,我只能说知道一些基本的,现在很迷茫工作怎么开展
网上查了一下bootstrap是twitter的两位工程师做的前端框架,我这个后台模板也叫bootstrap什么的,到底是个什么关系呢。也是一种由这个框架改的模板吗,只是样子像后台呢。
也在W3CSHCOOL发现了这个的教程,作为一个略懂Jquery,熟悉一点js的后端的PHP来说,真担心Hold不住这个框架,我想的是一步一步跟着教程学,但心里又很慌张,毕竟是公司不是学校,虽然上门不说你没做什么,但是自己内心很有压力,作为一个后端的,感觉很迷茫,怎么又跑去前端了,就怕学到一半,就要开发新功能,把我拖走了。。。。
</code>
登录后复制
登录后复制

路过的前端大大进来看看这个Jquery界面

回复内容:

<code>楼主一直负责公司网站的维护,主要使用语言PHP,当然少不了包含HTML。
最近公司想把做个门户网站,并且要结合ERP的管理功能,楼主作为一个2014的毕业生,头都大了,由于特殊原因,公司目前就我一个PHP开发的和主管(兼职网络营销),每次还要自己去改HTML,甚至是布局,从创建数据库 后台内容管理 再到前台界面显示。。。。有时候真的有点慌乱,感觉进展好慢。说了一堆处境。。。
从网上找了这个JQUERYhttp://www.jq22.com/jquery-info1511的这个插件,发现好强大,主管看了是觉得喜欢,那我们开始用吧。。于是。。。 然后我打开发现哇,包含了Jquery的好多知识,可是我心里隐约很担忧,比如时间轴、帮助向导这种控件,后面肯定要用AJAX的,我们之前的网站几乎是没有局部刷新的,布局都是主管用老式的TABLE做的,看得我很吃力,而且界面我都不是特别理解,我只能说知道一些基本的,现在很迷茫工作怎么开展
网上查了一下bootstrap是twitter的两位工程师做的前端框架,我这个后台模板也叫bootstrap什么的,到底是个什么关系呢。也是一种由这个框架改的模板吗,只是样子像后台呢。
也在W3CSHCOOL发现了这个的教程,作为一个略懂Jquery,熟悉一点js的后端的PHP来说,真担心Hold不住这个框架,我想的是一步一步跟着教程学,但心里又很慌张,毕竟是公司不是学校,虽然上门不说你没做什么,但是自己内心很有压力,作为一个后端的,感觉很迷茫,怎么又跑去前端了,就怕学到一半,就要开发新功能,把我拖走了。。。。
</code>
登录后复制
登录后复制

路过的前端大大进来看看这个Jquery界面

让你老板直接掏钱 https://wrapbootstrap.com/theme/ace-responsive-admin-template-WB0B30DGR

话说,你到底想问什么

admin模版很多的 https://wrapbootstrap.com/themes/admin

先学点html+css的知识。。。

这个界面怎么了?
这个页面里嵌套了大量的iframe,对一个新手来说很难搞,看看别的模板吧,17sucai.com,你搜bootstrapt,有很多后台模板,找个好改的。

这个模板我也见过,里面嵌套的代码太多,导入了大量的JS和CSS文件,注释也不是很清晰。所以上手是比较难的!

作为一个2015的毕业生,我能说这种东西很简单么?
我来说一下工作流程:
1.整理之前站点的页面和每个 页面涉及到的数据,可以做一个脑图。
2.备份一份程序,在备份的这份程序基础上改;把系统的前端所有东西删掉,用你现在的那个框架,替换掉之前的页面,这个过程中你可能还需要参考一下原系统的数据展示。
基本上这些流程走下来,看你现在的站点架构,弄完整站,大概也就花上10来天都差不多了。

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

bootstrap搜索栏怎么获取 bootstrap搜索栏怎么获取 Apr 07, 2025 pm 03:33 PM

如何使用 Bootstrap 获取搜索栏的值:确定搜索栏的 ID 或名称。使用 JavaScript 获取 DOM 元素。获取元素的值。执行所需的操作。

vue中怎么用bootstrap vue中怎么用bootstrap Apr 07, 2025 pm 11:33 PM

在 Vue.js 中使用 Bootstrap 分为五个步骤:安装 Bootstrap。在 main.js 中导入 Bootstrap。直接在模板中使用 Bootstrap 组件。可选:自定义样式。可选:使用插件。

bootstrap垂直居中怎么弄 bootstrap垂直居中怎么弄 Apr 07, 2025 pm 03:21 PM

使用 Bootstrap 实现垂直居中:flexbox 法:使用 d-flex、justify-content-center 和 align-items-center 类,将元素置于 flexbox 容器内。align-items-center 类法:对于不支持 flexbox 的浏览器,使用 align-items-center 类,前提是父元素具有已定义的高度。

bootstrap怎么写分割线 bootstrap怎么写分割线 Apr 07, 2025 pm 03:12 PM

创建 Bootstrap 分割线有两种方法:使用 标签,可创建水平分割线。使用 CSS border 属性,可创建自定义样式的分割线。

bootstrap按钮怎么用 bootstrap按钮怎么用 Apr 07, 2025 pm 03:09 PM

如何使用 Bootstrap 按钮?引入 Bootstrap CSS创建按钮元素并添加 Bootstrap 按钮类添加按钮文本

bootstrap怎么调整大小 bootstrap怎么调整大小 Apr 07, 2025 pm 03:18 PM

要调整 Bootstrap 中元素大小,可以使用尺寸类,具体包括:调整宽度:.col-、.w-、.mw-调整高度:.h-、.min-h-、.max-h-

bootstrap怎么设置框架 bootstrap怎么设置框架 Apr 07, 2025 pm 03:27 PM

要设置 Bootstrap 框架,需要按照以下步骤:1. 通过 CDN 引用 Bootstrap 文件;2. 下载文件并将其托管在自己的服务器上;3. 在 HTML 中包含 Bootstrap 文件;4. 根据需要编译 Sass/Less;5. 导入定制文件(可选)。设置完成后,即可使用 Bootstrap 的网格系统、组件和样式创建响应式网站和应用程序。

bootstrap怎么插入图片 bootstrap怎么插入图片 Apr 07, 2025 pm 03:30 PM

在 Bootstrap 中插入图片有以下几种方法:直接插入图片,使用 HTML 的 img 标签。使用 Bootstrap 图像组件,可以提供响应式图片和更多样式。设置图片大小,使用 img-fluid 类可以使图片自适应。设置边框,使用 img-bordered 类。设置圆角,使用 img-rounded 类。设置阴影,使用 shadow 类。调整图片大小和位置,使用 CSS 样式。使用背景图片,使用 background-image CSS 属性。

See all articles