路过的前端大大进来看看这个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>
回复内容:
<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>
让你老板直接掏钱 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来天都差不多了。

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Using Bootstrap in Vue.js is divided into five steps: Install Bootstrap. Import Bootstrap in main.js. Use the Bootstrap component directly in the template. Optional: Custom style. Optional: Use plug-ins.

How to use Bootstrap to get the value of the search bar: Determines the ID or name of the search bar. Use JavaScript to get DOM elements. Gets the value of the element. Perform the required actions.

PHP and Python each have their own advantages, and choose according to project requirements. 1.PHP is suitable for web development, especially for rapid development and maintenance of websites. 2. Python is suitable for data science, machine learning and artificial intelligence, with concise syntax and suitable for beginners.

Use Bootstrap to implement vertical centering: flexbox method: Use the d-flex, justify-content-center, and align-items-center classes to place elements in the flexbox container. align-items-center class method: For browsers that do not support flexbox, use the align-items-center class, provided that the parent element has a defined height.

There are two ways to create a Bootstrap split line: using the tag, which creates a horizontal split line. Use the CSS border property to create custom style split lines.

To set up the Bootstrap framework, you need to follow these steps: 1. Reference the Bootstrap file via CDN; 2. Download and host the file on your own server; 3. Include the Bootstrap file in HTML; 4. Compile Sass/Less as needed; 5. Import a custom file (optional). Once setup is complete, you can use Bootstrap's grid systems, components, and styles to create responsive websites and applications.

There are several ways to insert images in Bootstrap: insert images directly, using the HTML img tag. With the Bootstrap image component, you can provide responsive images and more styles. Set the image size, use the img-fluid class to make the image adaptable. Set the border, using the img-bordered class. Set the rounded corners and use the img-rounded class. Set the shadow, use the shadow class. Resize and position the image, using CSS style. Using the background image, use the background-image CSS property.

PHP is a scripting language widely used on the server side, especially suitable for web development. 1.PHP can embed HTML, process HTTP requests and responses, and supports a variety of databases. 2.PHP is used to generate dynamic web content, process form data, access databases, etc., with strong community support and open source resources. 3. PHP is an interpreted language, and the execution process includes lexical analysis, grammatical analysis, compilation and execution. 4.PHP can be combined with MySQL for advanced applications such as user registration systems. 5. When debugging PHP, you can use functions such as error_reporting() and var_dump(). 6. Optimize PHP code to use caching mechanisms, optimize database queries and use built-in functions. 7
