- CodeIgniter Web Application Blueprints
- Rob Foster
- 172字
- 2021-08-06 19:34:30
Creating views
We're going to create two view files in this section, as follows:
/path/to/codeigniter/application/models/views/create/create.php
/path/to/codeigniter/application/models/views/nav/top_nav.php
Don't forget that the navigation file (views/nav/top_nav.php
) is unique to each chapter in this book.
Creating the view file–views/create/create.php
The create.php
file is the view file that the user creating the shortened URL will see; it contains the HTML form the user will enter the original URL into and any interactive elements such as error or success messages.
Create the create/create.php
view file and add the following code to it:
<div class="page-header"> <h1><?php echo $this->lang->line('system_system_name'); ?></h1> </div> <p><?php echo $this->lang->line('encode_instruction_1'); ?></p> <?php if (validation_errors()) : ?> <?php echo validation_errors(); ?> <?php endif ; ?> <?php if ($success_fail == 'success') : ?> <div class="alert alert-success"> <strong><?php echo $this->lang->line('common_form_elements_success_notifty'); ?></strong> <?php echo $this->lang->line('encode_encode_now_success'); ?> </div> <?php endif ; ?> <?php if ($success_fail == 'fail') : ?> <div class="alert alert-danger"> <strong><?php echo $this->lang->line('common_form_elements_error_notifty'); ?> </strong> <?php echo $this->lang->line('encode_encode_now_error'); ?> </div> <?php endif ; ?> <?php echo form_open('create') ; ?> <div class="row"> <div class="col-lg-12"> <div class="input-group"> <input type="text" class="form-control" name="url_address" placeholder="<?php echo $this->lang->line('encode_type_url_here'); ?>"> <span class="input-group-btn"> <button class="btn btn-default" type="submit"><?php echo $this->lang->line('encode_encode_now'); ?></button> </span> </div><!-- /input-group --> </div><!-- /.col-lg-6 --> </div><!-- /.row --> <?php echo form_close() ; ?> <br /> <?php if ($encoded_url == true) : ?> <div class="alert alert-info"> <strong><?php echo $this->lang->line('encode_encoded_url'); ?> </strong> <?php echo anchor($encoded_url, $encoded_url) ; ?> </div> <?php endif ; ?>
Creating the view file–views/nav/top_nav.php
Each project in this book has its own navigation bar at the top of the page. This chapter is no exception although the actual navigation options for this project are limited—mostly because the app we're building only really does one thing. So create the nav/top_nav.php
view file and add the following code to it:
<!-- Fixed navbar --> <div class="navbarnavbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><?php echo $this->lang->line('system_system_name'); ?></a> </div> <div class="navbar-collapse collapse"> <ul class="navnavbar-nav"> <li class="active"><?php echo anchor('create', 'Create') ; ?></li> </ul> </div><!--/.navbar-collapse --> </div> </div> <div class="container theme-showcase" role="main">
- SOA實踐
- C語言程序設計
- IDA Pro權威指南(第2版)
- 基于GPU加速的計算機視覺編程:使用OpenCV和CUDA實時處理復雜圖像數據
- Java Hibernate Cookbook
- 數據結構:Python語言描述
- Android智能手機APP界面設計實戰教程
- PHP+MySQL Web應用開發教程
- 輕松學Scratch 3.0 少兒編程(全彩)
- Azure for Architects
- Internet of Things with Arduino Cookbook
- Java程序設計基礎教程
- Go語言從入門到進階實戰(視頻教學版)
- Jenkins 2.x Continuous Integration Cookbook(Third Edition)
- 區塊鏈社會:區塊鏈助力國家治理能力現代化