guoren/app/views/users/edit.html.erb

<% provide(:title, @user.name) %>

<div class="modal-shiftfix">

<div id="profile-container" class="container-fluid main-content">

  <%= render 'layouts/nav' %>

  <form action="/baidu" class="form-horizontal" id="profile" method="post">
    <div class="row">
      <div class="widget-container">
        <div class="heading">
          <i class="icon-user"></i>个人设置
        </div>
      </div>
    </div>
    <div class="row">
      <div class="widget-container">
        <div class="heading">
          <i class="icon-user"></i>用户图像
        </div>
        <div class="col-md-12 text-center">
          <div class="fileupload fileupload-new" data-provides="fileupload">
            <div class="fileupload-new img-thumbnail" style="width: 200px; height: 200px;">
              <!--原照片-->
              <img src="/images/avatars/default/avatar.png">
            </div>
            <div class="fileupload-preview fileupload-exists img-thumbnail"
                 style="width: 200px; max-height: 200px">
            </div>
            <div class="padded">
                                        <span class="btn btn-default btn-file">
                                            <span
                                            class="fileupload-new">选择照片
                                            </span>
                                            <span
                                            class="fileupload-exists">
                                                重新选择
                                            </span>
                                            <input type="file" name="image_file">
                                        </span>
              <a
              class="btn btn-default fileupload-exists" data-dismiss="fileupload"
              href="#">清除照片
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="widget-container fluid-height clearfix">
        <div class="heading">
          <i class="icon-reorder"></i>基本信息
        </div>
        <div class="padded">
          <div class="form-group">
            <label class="control-label col-md-2">姓名</label>
            <div class="col-md-9">
              <input class="form-control" placeholder="Text" type="text">
            </div>
          </div>

          <div class="form-group">
            <label class="control-label col-md-2">专业</label>
            <div class="col-md-9">
              <input class="form-control" placeholder="Text" type="text">
            </div>
          </div>


          <div class="form-group">
            <label class="control-label col-md-2">学院</label>
            <div class="col-md-9">
              <select class="form-control">
                <option value="Category 1">Option 1</option>
                <option value="Category 2">Option 2</option>
                <option value="Category 3">Option 3</option>
                <option value="Category 4">Option 4</option>
              </select>
            </div>
          </div>

          <div class="form-group">
            <label class="control-label col-md-2">性别</label>
            <div class="col-md-9">
              <label class="radio-inline"><input name="optionsRadios" type="radio"
                                                 value="1"><span>男</span></label><label
            class="radio-inline"><input name="optionsRadios"
                                        type="radio"
                                        value="0"><span>女</span></label>
            </div>
          </div>

          <div class="form-group">
            <div class="col-md-12 text-center">
              <button class="btn btn-primary" type="submit">修改</button>
              <button class="btn btn-default-outline">取消</button>
            </div>
          </div>

        </div>
      </div>
    </div>

  </form>
</div>
</div>